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 (
-
- {children}
-
- );
-}
+ return {children};
+};
export default DashboardThemeProvider;