From 8c2c2eddd659991ec1d3edcccac3d49b085be01a Mon Sep 17 00:00:00 2001
From: jgentle <jgentle@tacc.utexas.edu>
Date: Fri, 12 Dec 2025 17:21:51 -0600
Subject: [PATCH 1/2] Tightened up the layout a bit and moved the logout button
 up so its visible.

---
 client/src/App.css            |  2 +-
 client/src/index.css          |  1 -
 client/src/pages/MainPage.tsx | 10 +++++-----
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index 928f575..94766c3 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -2,7 +2,7 @@
   width: 100%;
   max-width: 100%;
   margin: 0 auto;
-  padding: 2rem;
+  padding: 0;
   text-align: center;
 }
 
diff --git a/client/src/index.css b/client/src/index.css
index 08a3ac9..05adb3a 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -27,7 +27,6 @@ body {
   display: flex;
   place-items: center;
   min-width: 320px;
-  min-height: 100vh;
 }
 
 h1 {
diff --git a/client/src/pages/MainPage.tsx b/client/src/pages/MainPage.tsx
index 730eb5f..3ec6190 100644
--- a/client/src/pages/MainPage.tsx
+++ b/client/src/pages/MainPage.tsx
@@ -54,11 +54,11 @@ export const MainPage = () => {
   }
 
   return (
-    <Layout style={{ minHeight: '100vh', background: '#242424' }}>
+    <Layout style={{ minHeight: '80vh', background: '#242424' }}>
       <Header
         style={{
           background: 'transparent',
-          padding: '0 32px',
+          padding: '0 2rem',
           position: 'relative',
           minHeight: 100,
           display: 'flex',
@@ -101,18 +101,18 @@ export const MainPage = () => {
           </Col>
         </Row>
       </Header>
-      <Content style={{ maxWidth: '100%', margin: '0 auto', padding: '40px 16px 0 16px' }}>
+      <Content style={{ maxWidth: '100%', margin: '0 auto', padding: '3rem 1rem 0 1rem' }}>
         <InferenceInterface
           models={models}
           tokenInfo={tokenData}
           apiBasePath={config.apiBasePath}
         />
       </Content>
-      <div style={{ width: '100%', textAlign: 'center', margin: '48px 0 24px 0' }}>
+      <div style={{ width: '100%', textAlign: 'center', margin: '1rem 0 1rem 0' }}>
         <Button
           icon={<LogoutOutlined />}
           onClick={() => navigate('/logout')}
-          style={{ marginTop: 16 }}
+          style={{ marginTop: 0 }}
         >
           Logout
         </Button>

From c058d7153db4c437f3937cdcc12e08b6fe2e8267 Mon Sep 17 00:00:00 2001
From: jgentle <jgentle@tacc.utexas.edu>
Date: Fri, 12 Dec 2025 17:38:58 -0600
Subject: [PATCH 2/2] Fixed padding on right edge of client ui.

---
 client/src/App.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/App.css b/client/src/App.css
index 94766c3..522f5b9 100644
--- a/client/src/App.css
+++ b/client/src/App.css
@@ -1,8 +1,8 @@
 #root {
   width: 100%;
   max-width: 100%;
-  margin: 0 auto;
-  padding: 0;
+  margin: 0;
+  padding: 0 1rem;
   text-align: center;
 }