From 5da431d34a0afee0165f68b973b4d0fe11b08d5c Mon Sep 17 00:00:00 2001
From: ntr <ntr@mnml.gg>
Date: Fri, 4 Aug 2023 14:40:02 +1000
Subject: [PATCH] styles slightly less sketchy

---
 Assets/Src/UI/Controls.uxml | 6 +++---
 Assets/Src/UI/Timing.uxml   | 2 +-
 Assets/Src/UI/TimingUi.uss  | 5 ++---
 3 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/Assets/Src/UI/Controls.uxml b/Assets/Src/UI/Controls.uxml
index a085887..4d8a715 100644
--- a/Assets/Src/UI/Controls.uxml
+++ b/Assets/Src/UI/Controls.uxml
@@ -2,9 +2,9 @@
     <Style src="project://database/Assets/Src/UI/TimingUi.uss?fileID=7433441132597879392&amp;guid=cf92f075876ddf7ffb4cd5c59633ad7b&amp;type=3#TimingUi" />
     <ui:VisualElement name="VisualElement" style="-unity-font: url(&apos;project://database/Assets/UI%20Toolkit/Fonts/Jura-Medium.otf?fileID=12800000&amp;guid=65648a14640996362a6b0929c723b6e4&amp;type=3#Jura-Medium&apos;); -unity-font-definition: initial; flex-direction: row; flex-grow: 1;">
         <ui:VisualElement name="left" style="flex-grow: 1; background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center;" />
-        <ui:VisualElement name="middle" style="flex-direction: row; flex-grow: 1; justify-content: center; align-self: center; margin-top: 20%;">
-            <ui:Label tabindex="-1" text="128&#10;" display-tooltip-when-elided="true" name="speed" style="min-width: 5%; -unity-text-align: upper-center;" />
-            <ui:Label tabindex="-1" text="u/s" display-tooltip-when-elided="true" name="units" style="min-width: 5%;" />
+        <ui:VisualElement name="middle" style="flex-direction: row; flex-grow: 1; justify-content: center; align-self: center; margin-top: 20%; -unity-text-align: upper-center;">
+            <ui:Label tabindex="-1" text="128&#10;" display-tooltip-when-elided="true" name="speed" style="min-width: 5%; -unity-text-align: upper-right; flex-basis: 10%;" />
+            <ui:Label tabindex="-1" text="u/s" display-tooltip-when-elided="true" name="units" style="flex-basis: 10%; -unity-text-align: upper-left;" />
         </ui:VisualElement>
         <ui:VisualElement name="right" style="flex-grow: 1; background-color: rgba(0, 0, 0, 0); justify-content: center; align-items: center;" />
     </ui:VisualElement>
diff --git a/Assets/Src/UI/Timing.uxml b/Assets/Src/UI/Timing.uxml
index 7619ddc..23840d4 100644
--- a/Assets/Src/UI/Timing.uxml
+++ b/Assets/Src/UI/Timing.uxml
@@ -9,7 +9,7 @@
                     <ui:Label tabindex="-1" text="1:24.248" display-tooltip-when-elided="true" name="noticeTime" style="align-self: flex-end; align-items: auto;" />
                     <ui:Label tabindex="-1" text="-0.999" display-tooltip-when-elided="true" name="noticeDiff" />
                 </ui:VisualElement>
-                <ui:VisualElement name="noticeSectors" class="sectors" style="flex-grow: 0; background-color: rgba(0, 0, 0, 0); flex-direction: row; align-self: stretch; align-items: stretch; justify-content: space-between; -unity-text-align: upper-left;">
+                <ui:VisualElement name="noticeSectors" class="sectors" style="flex-grow: 0; background-color: rgba(0, 0, 0, 0); flex-direction: row; -unity-text-align: upper-left;">
                     <ui:Label tabindex="-1" text="+2.1" display-tooltip-when-elided="true" class="yellow" />
                     <ui:Label tabindex="-1" text="-1.9" display-tooltip-when-elided="true" class="green middle" />
                     <ui:Label tabindex="-1" text="-" display-tooltip-when-elided="true" class="purple" />
diff --git a/Assets/Src/UI/TimingUi.uss b/Assets/Src/UI/TimingUi.uss
index e63d098..71e3c41 100644
--- a/Assets/Src/UI/TimingUi.uss
+++ b/Assets/Src/UI/TimingUi.uss
@@ -15,10 +15,9 @@
 }
 
 .sectors Label {
-    flex-shrink: 0;
-    flex-grow: 1;
     -unity-text-align: upper-center;
-    width: 30%;
+    flex-basis: 0;
+    flex-grow: 1;
 }
 
 .green {