Improve the styles of the timeline header (#81)

genexuslabs · Apr 23, 2024 · 2b1550b · 2b1550b
1 parent 71fae90
commit 2b1550b
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/components/query-viewer-chart/controller/query-viewer-chart-controller.scss b/src/components/query-viewer-chart/controller/query-viewer-chart-controller.scss
@@ -18,6 +18,13 @@ gx-query-viewer-chart-controller,
 .gx-query-viewer-chart-controller__header-compare-container {
   display: grid;
   grid-template-columns: min-content 1fr;
+  & > gx-checkbox > .gx-checkbox__container {
+    margin: 2px;
+  }
+
+  & > gx-select {
+    background-color: inherit;
+  }
 }
 
 .gx-query-viewer-chart-controller__header-form-field {
@@ -27,8 +34,7 @@ gx-query-viewer-chart-controller,
 }
 
 .gx-query-viewer-chart-controller__header-zoom-options {
-  display: grid;
-  grid-template-columns: min-content 1fr;
+  display: flex;
 }
 
 .gx-query-viewer-chart_timeline-footer {