refactor(site): Remove terminal padding and add border to bottom bar (coder#7871)

BrunoQuaresma · web-flow · commit 6d3dc302078d · 2023-06-06T11:08:07.000-03:00
diff --git a/site/src/pages/TerminalPage/TerminalPage.tsx b/site/src/pages/TerminalPage/TerminalPage.tsx
@@ -372,12 +372,13 @@ const BottomBar = ({ proxy, latency }: { proxy: Region; latency?: number }) => {
   return (
     <Box
       sx={{
-        padding: (theme) => theme.spacing(2),
+        padding: (theme) => theme.spacing(1, 2),
         background: (theme) => theme.palette.background.paper,
         display: "flex",
         alignItems: "center",
         justifyContent: "flex-end",
         fontSize: 12,
+        borderTop: (theme) => `1px solid ${theme.palette.divider}`,
       }}
     >
       <Box
@@ -520,7 +521,6 @@ const useStyles = makeStyles((theme) => ({
   terminal: {
     width: "100vw",
     overflow: "hidden",
-    padding: theme.spacing(1),
     backgroundColor: theme.palette.background.paper,
     flex: 1,
     // These styles attempt to mimic the VS Code scrollbar.
