Tank gauges now make better use of available space.

victronenergy · Feb 27, 2024 · ebfd6d0 · ebfd6d0
1 parent d6de59c
commit ebfd6d0
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/app/Marine2/components/boxes/Tanks/Tank/Styles.ts b/src/app/Marine2/components/boxes/Tanks/Tank/Styles.ts
@@ -30,16 +30,16 @@ export const compactStyles: BreakpointStylesType = {
     tankName: "text-base",
     level: "text-lg min-w-[3rem]",
     icon: "w-[32px]",
-    iconContainer: "w-[10rem]",
-    progressBar: "w-[calc(100%-14rem)]",
+    iconContainer: "w-[14rem]",
+    progressBar: "w-[calc(100%-18rem)]",
     percentage: "w-[4rem]",
   },
   "md-l": {
     tankName: "text-lg",
     level: "text-lg min-w-[3rem]",
     icon: "w-[32px]",
-    iconContainer: "w-[10rem]",
-    progressBar: "w-[calc(100%-14rem)]",
+    iconContainer: "w-[12rem]",
+    progressBar: "w-[calc(100%-16rem)]",
     percentage: "w-[4rem]",
   },
 }