I am facing an issue with the layout of the Visible Columns button and unable to standardize it like the buttons above using CSS
The code snippet for the Visible Columns button is as follows:
import React, { useState, useEffect } from 'react';
import * as utils from '../../utils';
import { Multiselect } from 'multiselect-react-dropdown';
export default function TblApprovedTimesheetReport(props) {
// code continues...
}
Below is the code for the other buttons:
import React, { useState } from 'react'
import Button from '@atlaskit/button';
// additional code...
And here is the corresponding CSS:
label {
right: 2px;
position: relative;
}
.hdrtimesheets-container {
background-color: white;
display: flex;
flex-direction: row;
padding: 5px;
vertical-align: middle;
border-bottom: 1px solid rgb(221, 232, 241);
}
// more styles....
If there's anyone who could assist me in making these modifications, I would greatly appreciate it.