Merge pull request #854 from CBIIT/BENTO-2449_iteration_3

Fixed styles on the User Profile page.
CBIIT · Jun 6, 2023 · 872b613 · 872b613
2 parents 3932fc2 + 65ccd6f
commit 872b613
Showing 1 changed file with 22 additions and 0 deletions.
diff --git a/packages/bento-frontend/src/pages/profile/tblThemeConfig.js b/packages/bento-frontend/src/pages/profile/tblThemeConfig.js
@@ -16,6 +16,27 @@ export const tblHeader = {
   },
 };
 
+export const tblContainer = {
+  MuiTableContainer: {
+    root: {
+      width: '100%',
+      overflowX: 'auto',
+      transform: 'rotateX(180deg)',
+      boxShadow: 'none',
+      borderRadius: '0',
+    }
+  },
+  MuiTable: {
+    root: {
+      transform: 'rotateX(180deg)',
+      width: '100%',
+      display: 'table',
+      borderSpacing: '0',
+      borderCollapse: 'collapse',
+    },
+  },
+};
+
 export const tblBody = {
   MuiTableCell: {
     root: {
@@ -59,6 +80,7 @@ export const tblPgn = {
 
 export const themeConfig = {
   tblHeader,
+  tblContainer,
   tblBody,
   tblPgn
 };