From a2a177a04c9d0f6d8610c1c4bb3254a438d0d230 Mon Sep 17 00:00:00 2001
From: Julius Volz <julius.volz@gmail.com>
Date: Tue, 23 Jul 2024 21:22:23 +0200
Subject: [PATCH] Clean up uPlot CSS rules a bit

Signed-off-by: Julius Volz <julius.volz@gmail.com>
---
 web/ui/mantine-ui/src/pages/query/uplot.css | 78 +++++++++------------
 1 file changed, 33 insertions(+), 45 deletions(-)

diff --git a/web/ui/mantine-ui/src/pages/query/uplot.css b/web/ui/mantine-ui/src/pages/query/uplot.css
index 8d0932891..8302b0000 100644
--- a/web/ui/mantine-ui/src/pages/query/uplot.css
+++ b/web/ui/mantine-ui/src/pages/query/uplot.css
@@ -13,45 +13,47 @@
       font-weight: 500;
       font-size: var(--mantine-font-size-xs);
     }
+
+    tr {
+      display: block;
+    }
+  }
+
+  .u-under {
+    background-color: light-dark(unset, #1f1f1f);
+  }
+
+  .u-over {
+    box-shadow: 0px 0px 0px 0.5px #ccc;
+    cursor: crosshair;
+  }
+
+  .u-legend {
+    text-align: left;
+    margin: 20px 25px;
   }
 
   .u-inline tr {
-    display: block;
-    /* display: table;
-
-    * {
-      display: table-cell;
-    } */
+    margin-right: 8px;
   }
-}
 
-.uplot {
-  display: inline-block;
-  vertical-align: top;
-  width: min-content;
-}
+  .u-label {
+    font-size: 12px;
+  }
 
-.u-under {
-  background-color: light-dark(unset, #1f1f1f);
-}
+  .u-select {
+    background: rgba(255, 200, 150, 0.2);
+  }
 
-.u-over {
-  box-shadow: 0px 0px 0px 0.5px #ccc;
-  cursor: crosshair;
-}
+  .u-hz .u-cursor-x,
+  .u-vt .u-cursor-y {
+    border-right: 1px dashed light-dark(#607d8b, #90adbc);
+  }
 
-.u-legend {
-  text-align: left;
-  margin-top: 20px;
-  padding-left: 20px;
-}
-
-.u-inline tr {
-  margin-right: 8px;
-}
-
-.u-label {
-  font-size: 12px;
+  .u-hz .u-cursor-y,
+  .u-vt .u-cursor-x {
+    border-bottom: 1px dashed light-dark(#607d8b, #90adbc);
+  }
 }
 
 .u-tooltip {
@@ -101,17 +103,3 @@
     height: 10px;
   }
 }
-
-.u-select {
-  background: rgba(255, 200, 150, 0.2);
-}
-
-.u-hz .u-cursor-x,
-.u-vt .u-cursor-y {
-  border-right: 1px dashed light-dark(#607d8b, #90adbc);
-}
-
-.u-hz .u-cursor-y,
-.u-vt .u-cursor-x {
-  border-bottom: 1px dashed light-dark(#607d8b, #90adbc);
-}