From 4515bae349519f4664402e905f2b0f791d64f36e Mon Sep 17 00:00:00 2001
From: BrunoQuaresma <bruno_nonato_quaresma@hotmail.com>
Date: Tue, 6 Jun 2023 13:54:17 +0000
Subject: [PATCH] refactor(site): Remove terminal padding and add border to
 bottom bar

---
 site/src/pages/TerminalPage/TerminalPage.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/site/src/pages/TerminalPage/TerminalPage.tsx b/site/src/pages/TerminalPage/TerminalPage.tsx
index 7c3ccafb018d1..d49709aa3c710 100644
--- 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.