UI: border between multiple ATISs

vatger · Oct 21, 2023 · fe93da9 · fe93da9
1 parent d5c8b85
commit fe93da9
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/atciss-frontend/src/components/ADInfo.tsx b/atciss-frontend/src/components/ADInfo.tsx
@@ -63,7 +63,7 @@ export const ADinfo = ({ sx }: { sx?: ThemeUIStyleObject }) => {
         flexDirection: "column",
         fontSize: 3,
         fontFamily: "monospace",
-        gap: "1px",
+        gap: "2px",
         backgroundColor: "primary",
       }}
     >

diff --git a/atciss-frontend/src/components/Atis.tsx b/atciss-frontend/src/components/Atis.tsx
@@ -25,7 +25,14 @@ const Atis = ({ sx }: { sx?: ThemeUIStyleObject }) => {
 
   if (!metarIsLoading && metars && !atisIsLoading && !adIsLoading && ads) {
     return (
-      <Flex sx={{ ...sx, flexDirection: "column" }}>
+      <Flex
+        sx={{
+          ...sx,
+          flexDirection: "column",
+          gap: "2px",
+          backgroundColor: "primary",
+        }}
+      >
         {aerodromes
           .filter((ad) => metars[ad] && ads[ad])
           .map((aerodrome) => {
@@ -56,9 +63,11 @@ const Atis = ({ sx }: { sx?: ThemeUIStyleObject }) => {
             return (
               <Flex
                 sx={{
+                  padding: 1,
                   flexDirection: "column",
                   fontSize: 3,
                   fontFamily: "monospace",
+                  backgroundColor: "white",
                 }}
                 key={aerodrome}
               >

diff --git a/atciss-frontend/src/views/AtisAfw.tsx b/atciss-frontend/src/views/AtisAfw.tsx
@@ -23,8 +23,9 @@ const AtisAfw = ({ sx }: { sx?: ThemeUIStyleObject }) => {
     >
       <Atis
         sx={{
-          gridColumnEnd: "span 2",
           ...gridItemSx,
+          gridColumnEnd: "span 2",
+          padding: 0,
         }}
       />
       <Flex