Merge pull request #4819 from OneCommunityGlobal/venkataramanan_fix_weekly_summary_report_styling_issues

Venkataramanan 🔥 weekly summary report styling issues

Author: one-community

public/index.css

@@ -1,10 +1,5 @@
 /* public/index.css */
 
-.tab-content {
-  background-color: transparent !important;
-  border: none;
-}
-
 #root {
   background-color: #ffffff;
 }

src/components/WeeklySummariesReport/WeeklySummariesReport.jsx

@@ -2334,6 +2334,13 @@ const WeeklySummariesReport = props => {
       {passwordInputModalToggle()}
       {popUpElements()}
       <Row className={styles['mx-max-sm-0']}>
+        <style>
+          {`
+        .custom-select__input-container {
+          grid-template-columns: auto !important;
+        }
+      `}
+        </style>
         <Col lg={{ size: 10, offset: 1 }}>
           <h3 className="mt-3 mb-5">
             <div className="d-flex align-items-center">
@@ -2738,6 +2745,7 @@ const WeeklySummariesReport = props => {
           <div>Logged Hours Range</div>
           <Select
             isMulti
+            classNamePrefix="custom-select"
             placeholder="Select range..."
             components={{
               Option: CheckboxOption,