Adjust ui layout

Signed-off-by: popcorny <[email protected]>
InfuseAI · Aug 14, 2023 · 5a95f5e · 5a95f5e
1 parent cf4833d
commit 5a95f5e
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 12 deletions.
diff --git a/static_report/src/components/Common/Main.tsx b/static_report/src/components/Common/Main.tsx
@@ -1,4 +1,4 @@
-import { Box, Button, Flex, FlexProps, useColorMode } from '@chakra-ui/react';
+import { Box, Flex, FlexProps, useColorMode } from '@chakra-ui/react';
 import { useEffect, ReactNode } from 'react';
 import * as amplitude from '@amplitude/analytics-browser';
 

diff --git a/static_report/src/components/Common/MasterDetailContainer.tsx b/static_report/src/components/Common/MasterDetailContainer.tsx
@@ -31,6 +31,7 @@ export function MasterDetailContainer({
           flex="0 1 400px"
           maxWidth="400px"
           minWidth="280px"
+          ml="16px"
           maxHeight={`calc(100vh - ${sideNavTop})`}
         >
           <SideBar singleOnly={singleOnly} />
@@ -39,7 +40,7 @@ export function MasterDetailContainer({
         <Box
           maxHeight={mainContentAreaHeight}
           h={'100%'}
-          p={9}
+          p="16px"
           flex="1 0 800px"
           width="800px"
         >

diff --git a/static_report/src/components/Reports/ReportContextBar.tsx b/static_report/src/components/Reports/ReportContextBar.tsx
@@ -1,12 +1,4 @@
-import {
-  Box,
-  Button,
-  Flex,
-  FlexProps,
-  Link,
-  Spacer,
-  Text,
-} from '@chakra-ui/react';
+import { Box, Flex, FlexProps, Link, Text } from '@chakra-ui/react';
 import { ReactNode } from 'react';
 import { BiPlug } from 'react-icons/bi';
 import { BsGearWideConnected } from 'react-icons/bs';
@@ -74,7 +66,7 @@ export function ReportContextBar({
       bg={'gray.100'}
       border={borderVal}
       borderX={0}
-      px="80px"
+      px="96px"
       py="10px"
       {...props}
     >