Some further tweaks to sizes and layout

sdss · Nov 12, 2024 · 9279160 · 9279160
1 parent 318640a
commit 9279160
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/components/APITable/APITable.module.css b/src/components/APITable/APITable.module.css
@@ -3,9 +3,9 @@
   border-left: 2px solid var(--mantine-color-dark-3);
   border-radius: rem(5px);
   height: fit-content;
-  width: em(400px);
-  max-width: em(400px);
-  min-width: em(400px);
+  width: em(410px);
+  max-width: em(410px);
+  min-width: em(410px);
 
   .header {
     background-color: var(--mantine-color-dark-6);

diff --git a/src/components/APITables/ActorsTable/ActorsTable.tsx b/src/components/APITables/ActorsTable/ActorsTable.tsx
@@ -36,7 +36,7 @@ function HealthPills(props: { data: ActorHealthResponse; noData: boolean }) {
   const readyText = data.ping ? 'ready' : 'not ready';
 
   return (
-    <Group gap={12} style={{ flexWrap: 'nowrap' }}>
+    <Group gap={12} pl={8} style={{ flexWrap: 'nowrap' }}>
       <Pill bg={data.is_deployed ? 'lime.9' : 'red.8'} style={{ maxWidth: rem(85) }}>
         <APIStatusText size="xs" nodata={noData} defaultTooltipText={deployedTooltip}>
           {deployedText}

diff --git a/src/components/APITables/TelescopesTable/TelescopesTable.tsx b/src/components/APITables/TelescopesTable/TelescopesTable.tsx
@@ -84,7 +84,7 @@ function TelescopeParked(props: TelescopeStatusProps) {
   }
 
   return (
-    <Group gap={4} pr={4}>
+    <Group gap={4} pl={4} pr={4}>
       {Pills}
       <Box style={{ flexGrow: 1 }} />
       <ParkButton refresh={props.refresh} />
@@ -164,7 +164,7 @@ function TelescopeConnected(props: TelescopeStatusProps) {
   }, [data]);
 
   return (
-    <Group gap={!allConnected ? 4 : 6} pr={4}>
+    <Group gap={!allConnected ? 4 : 6} pl={4} pr={4}>
       {Pills}
       <Box style={{ flexGrow: 1 }} />
       {!allConnected && <ConnectButton refresh={props.refresh} />}