From 0a488e265e2a22e14404e44042f1af7a7f1e0464 Mon Sep 17 00:00:00 2001
From: Augustin Husson <augustin.husson@amadeus.com>
Date: Wed, 1 Mar 2023 15:30:30 +0100
Subject: [PATCH] make the table small and change the navbar color

Signed-off-by: Augustin Husson <augustin.husson@amadeus.com>
---
 ui/react-app/src/components/navbar.tsx | 2 +-
 ui/react-app/src/views/ViewStatus.tsx  | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/react-app/src/components/navbar.tsx b/ui/react-app/src/components/navbar.tsx
index d7bf387d..b6c11136 100644
--- a/ui/react-app/src/components/navbar.tsx
+++ b/ui/react-app/src/components/navbar.tsx
@@ -7,7 +7,7 @@ export default function Navbar(): JSX.Element {
     <AppBar position={'fixed'} elevation={1}>
       <Toolbar
         sx={{
-          backgroundColor: 'lightgrey',
+          backgroundColor: 'aliceblue',
         }}
       >
         <Box sx={{ display: 'flex', flexDirection: 'row' }} flexGrow={1}>
diff --git a/ui/react-app/src/views/ViewStatus.tsx b/ui/react-app/src/views/ViewStatus.tsx
index eb76dcff..b43b6e9a 100644
--- a/ui/react-app/src/views/ViewStatus.tsx
+++ b/ui/react-app/src/views/ViewStatus.tsx
@@ -50,12 +50,12 @@ export default function ViewStatus() {
     <Container maxWidth="md">
       <Typography variant="h4">Status</Typography>
       <TableContainer>
-        <Table sx={tableStyle}>
+        <Table size="small" sx={tableStyle}>
           <CustomTableCell header="Uptime" content={data.uptime} />
         </Table>
       </TableContainer>
       <Typography variant="h4">Cluster Status</Typography>
-      <Table sx={tableStyle}>
+      <Table size="small" sx={tableStyle}>
         <CustomTableCell header="Name" content={data.cluster.name} />
         <TableRow>
           <TableCell variant="head" sx={tableHeaderStyle}>
@@ -68,7 +68,7 @@ export default function ViewStatus() {
       </Table>
       <Typography variant="h4">Version Information</Typography>
       <TableContainer>
-        <Table sx={tableStyle}>
+        <Table size="small" sx={tableStyle}>
           <CustomTableCell header="Branch" content={data.versionInfo.branch} />
           <CustomTableCell header="Build Date" content={data.versionInfo.buildDate} />
           <CustomTableCell header="Build User" content={data.versionInfo.buildUser} />