From 9f9ad5c481845eefb85813b2be5204224cd9606d Mon Sep 17 00:00:00 2001
From: rana22 <ambar.rana123@gmail.com>
Date: Mon, 18 Nov 2024 12:03:30 -0500
Subject: [PATCH] restore tab & button styles for dashboard

---
 src/components/Tabs/DefaultTabTheme.js        | 82 +++++++++----------
 .../components/DashboardThemeProvider.js      | 42 +++++-----
 2 files changed, 63 insertions(+), 61 deletions(-)

diff --git a/src/components/Tabs/DefaultTabTheme.js b/src/components/Tabs/DefaultTabTheme.js
index b56d2303..e4543faf 100644
--- a/src/components/Tabs/DefaultTabTheme.js
+++ b/src/components/Tabs/DefaultTabTheme.js
@@ -1,59 +1,59 @@
 const customTheme = {
   MuiTabs: {
     root: {
-      width: "100%",
-      borderBottom: "1px solid #6B6B6B",
+      width: '100%',
+      borderBottom: '1px solid #6B6B6B',
     },
   },
   MuiTab: {
     root: {
-      marginTop: "15px",
-      color: "#696969 !important",
-      height: "45px",
-      overflow: "hidden",
-      background: "#EAEAEA",
-      fontWeight: "500",
-      lineHeight: "1.75",
-      letterSpacing: "0.25px",
-      marginRight: "10px",
-      fontSize: "17px",
-      width: "250px",
-      textTransform: "none",
-      fontFamily: "Lato",
-      borderTop: "7px solid #c6c9cd",
-      "&.Mui-selected": {
-        "&.cases": {
-          color: "#AD4E00 !important",
-          borderTop: "7px solid #FF9742",
+      marginTop: '15px',
+      color: '#696969 !important',
+      height: '45px',
+      overflow: 'hidden',
+      background: '#EAEAEA',
+      fontWeight: '500',
+      lineHeight: '1.75',
+      letterSpacing: '0.25px',
+      marginRight: '10px',
+      fontSize: '17px',
+      width: '250px',
+      textTransform: 'none',
+      fontFamily: 'Lato',
+      borderTop: '7px solid #c6c9cd',
+      '&$selected': {
+        '&.cases': {
+          color: '#AD4E00 !important',
+          borderTop: '7px solid #FF9742',
         },
-        "&.samples": {
-          color: "#3A6D8D !important",
-          borderTop: "7px solid #9DC1D9",
+        '&.samples': {
+          color: '#3A6D8D !important',
+          borderTop: '7px solid #9DC1D9',
         },
-        "&.case_files": {
-          color: "#667A87 !important",
-          borderTop: "7px solid #667A87",
+        '&.case_files': {
+          color: '#667A87 !important',
+          borderTop: '7px solid #667A87',
         },
-        "&.study_files": {
-          color: "#0A6F94 !important",
-          borderTop: "7px solid #39C0F0",
+        '&.study_files': {
+          color: '#0A6F94 !important',
+          borderTop: '7px solid #39C0F0',
         },
       },
-      "& span.cases_count": {
-        marginLeft: "5px",
-        fontSize: "17px",
+      '& span.cases_count': {
+        marginLeft: '5px',
+        fontSize: '17px',
       },
-      "& span.samples_count": {
-        marginLeft: "5px",
-        fontSize: "17px",
+      '& span.samples_count': {
+        marginLeft: '5px',
+        fontSize: '17px',
       },
-      "& span.case_files_count": {
-        marginLeft: "5px",
-        fontSize: "17px",
+      '& span.case_files_count': {
+        marginLeft: '5px',
+        fontSize: '17px',
       },
-      "& span.study_files_count": {
-        marginLeft: "5px",
-        fontSize: "17px",
+      '& span.study_files_count': {
+        marginLeft: '5px',
+        fontSize: '17px',
       },
     },
   },
diff --git a/src/pages/dashboard/components/DashboardThemeProvider.js b/src/pages/dashboard/components/DashboardThemeProvider.js
index 16aa514b..758f537b 100644
--- a/src/pages/dashboard/components/DashboardThemeProvider.js
+++ b/src/pages/dashboard/components/DashboardThemeProvider.js
@@ -1,37 +1,39 @@
-import React from "react";
-import { 
-  createTheme, 
-  ThemeProvider
-} from '@mui/material/styles';
+import React from 'react';
+import { createTheme, ThemeProvider } from '@mui/material/styles';
 
-const DashboardThemeProvider = ({children}) => {
+const DashboardThemeProvider = ({ children }) => {
   const theme = {
     components: {
       MuiButton: {
         styleOverrides: {
           root: {
-            "&#jbrowse_multi_view_button": {
-              padding: "0px",
-              color: "#ffffff",
-              height: "43px",
-              marginLeft: "22px",
-              textTransform: "inherit",
+            '&#jbrowse_multi_view_button': {
+              padding: '0px',
+              color: '#ffffff',
+              height: '43px',
+              marginLeft: '22px',
+              textTransform: 'inherit',
               opacity: 1,
-              "& img": {
-                width: "2.25em",
+              '& img': {
+                width: '2.25em',
               },
             },
           },
         },
       },
+      MuiIconButton: {
+        styleOverrides: {
+          root: {
+            '&#jbrowse_help_icon_btn': {
+              marginTop: '7px',
+            },
+          },
+        },
+      },
     },
   };
 
-  return (
-    <ThemeProvider theme={createTheme(theme)}>
-      {children}
-    </ThemeProvider>
-  );
-}
+  return <ThemeProvider theme={createTheme(theme)}>{children}</ThemeProvider>;
+};
 
 export default DashboardThemeProvider;