From ea3d1a56580c57b2ca40e7eb703411654af45487 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Thu, 28 Oct 2021 07:32:52 -0700
Subject: [PATCH] Update page styling for back/forward buttons

---
 src/components/layout/Layout.tsx | 10 ++++++++--
 src/components/layout/styled.tsx |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
index 1a7fc64..2a3f1b3 100644
--- a/src/components/layout/Layout.tsx
+++ b/src/components/layout/Layout.tsx
@@ -94,9 +94,15 @@ const Layout = ({ footer, children, disableSidebar, font }: any) => {
         }}
       >
         <MainContainer id="container-main" expanded={misc.expandSidebar}>
-          <FlexboxGrid justify="space-between" style={{ padding: '10px 10px 0px 10px' }}>
+          <FlexboxGrid
+            justify="space-between"
+            style={{
+              padding: '0 10px 0 10px',
+              margin: '10px 5px 5px 5px',
+            }}
+          >
             <FlexboxGrid.Item>
-              <ButtonToolbar style={{ height: '20px' }}>
+              <ButtonToolbar>
                 <StyledIconButton
                   appearance="subtle"
                   size="sm"
diff --git a/src/components/layout/styled.tsx b/src/components/layout/styled.tsx
index a531586..be31527 100644
--- a/src/components/layout/styled.tsx
+++ b/src/components/layout/styled.tsx
@@ -149,7 +149,7 @@ export const PageContainer = styled(Container)<{ $backgroundSrc?: string }>`
 `;
 
 export const PageHeader = styled(Header)<{ padding?: string }>`
-  padding: ${(props) => (props.padding ? props.padding : '10px 20px 0px 20px')};
+  padding: ${(props) => (props.padding ? props.padding : '0px 20px 0px 20px')};
   z-index: 1;
 `;