From e27226e1c606c789ae07c358ec1c6e8345dc67c8 Mon Sep 17 00:00:00 2001
From: Nathan Rashleigh <ntr@strix.systems>
Date: Wed, 8 Oct 2025 19:45:17 +1100
Subject: [PATCH] fix blindingly bright and wide background

---
 Assets/Src/UI/Menu.uss  |  9 ++++--
 Assets/Src/UI/Menu.uxml | 61 +++++++++++++++++++++--------------------
 2 files changed, 39 insertions(+), 31 deletions(-)

diff --git a/Assets/Src/UI/Menu.uss b/Assets/Src/UI/Menu.uss
index a32b2c6..dff45ee 100644
--- a/Assets/Src/UI/Menu.uss
+++ b/Assets/Src/UI/Menu.uss
@@ -9,11 +9,11 @@
     height: 256px;
 }
 
-#left {
+/*#left {
     padding-left: 24px;
     padding-bottom: 24px;
 }
-
+*/
 Button {
     background-color: rgba(0, 0, 0, 0.26);
     color: rgb(255, 255, 255);
@@ -26,4 +26,9 @@ Button {
 
 #body {
     padding: 24px;
+    background-color: rgba(0, 0, 0, 0.62);
+}
+
+#right {
+    width: 100%;
 }
\ No newline at end of file
diff --git a/Assets/Src/UI/Menu.uxml b/Assets/Src/UI/Menu.uxml
index 51ca57e..933a291 100755
--- a/Assets/Src/UI/Menu.uxml
+++ b/Assets/Src/UI/Menu.uxml
@@ -1,29 +1,32 @@
-<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
-    <Style src="project://database/Assets/Src/UI/Menu.uss?fileID=7433441132597879392&amp;guid=144cc2c04c975bad88fb864cea91f099&amp;type=3#Menu" />
-    <Style src="project://database/Assets/Src/UI/Global.uss?fileID=7433441132597879392&amp;guid=000591923dc977463bf0fd9f4e7d463e&amp;type=3#Global" />
-    <ui:VisualElement name="main" class="nav" style="flex-grow: 1;">
-        <ui:VisualElement name="body" style="flex-direction: row; height: 100%;">
-            <ui:VisualElement name="left" style="flex-grow: 0; flex-basis: 50%; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0;">
-                <ui:VisualElement name="tracksCtr" style="flex-grow: 1; background-color: rgba(0, 0, 0, 0);">
-                    <ui:Label text="TRACK" display-tooltip-when-elided="true" name="Track" style="-unity-font: url(&apos;project://database/Assets/UI%20Toolkit/Fonts/Jura-DemiBold.otf?fileID=12800000&amp;guid=1d103e83da4f14189b3e8b0b865eca3d&amp;type=3#Jura-DemiBold&apos;); -unity-font-style: bold;" />
-                    <ui:VisualElement name="tracks">
-                        <ui:Button text="sr_junglism" display-tooltip-when-elided="true" />
-                        <ui:Button text="sr_silverstorage" display-tooltip-when-elided="true" />
-                    </ui:VisualElement>
-                </ui:VisualElement>
-                <ui:VisualElement name="settings" style="flex-grow: 1; flex-direction: column; display: flex; visibility: visible;">
-                    <ui:Label tabindex="-1" text="CONTROLS" display-tooltip-when-elided="true" style="-unity-font-style: bold; align-items: auto;" />
-                    <ui:Slider label="View Sensitivity" value="1" high-value="3" name="viewSens" low-value="0.1" show-input-field="false" style="width: 100%;" />
-                    <ui:Label tabindex="-1" text="Label" display-tooltip-when-elided="true" name="viewSensLabel" style="-unity-text-align: upper-right; align-self: flex-end;" />
-                    <ui:Toggle label="Invert Y" name="invertY" tooltip="Invert Y Axis Controls" value="false" />
-                </ui:VisualElement>
-                <ui:VisualElement name="audio" style="flex-grow: 1; flex-direction: column; display: flex; visibility: visible;">
-                    <ui:Label tabindex="-1" text="AUDIO" display-tooltip-when-elided="true" style="-unity-font-style: bold; align-items: auto;" />
-                    <ui:Toggle label="Mute" name="muteAudioToggle" />
-                </ui:VisualElement>
-                <ui:Button text="EXIT" display-tooltip-when-elided="true" name="exit" tabindex="2" class="exit" />
-            </ui:VisualElement>
-            <ui:VisualElement name="right" style="background-image: url(&apos;project://database/Assets/Images/Controls.HUD.png?fileID=2800000&amp;guid=16a9df7a449918546a5000d9830d1e2a&amp;type=3#Controls.HUD&apos;); flex-grow: 1; -unity-background-scale-mode: scale-to-fit;" />
-        </ui:VisualElement>
-    </ui:VisualElement>
-</ui:UXML>
+<ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
+    <Style src="project://database/Assets/Src/UI/menu.uss?fileID=7433441132597879392&amp;guid=144cc2c04c975bad88fb864cea91f099&amp;type=3#menu" />
+    <Style src="project://database/Assets/Src/UI/Global.uss?fileID=7433441132597879392&amp;guid=000591923dc977463bf0fd9f4e7d463e&amp;type=3#Global" />
+    <ui:VisualElement name="main" class="nav" style="flex-grow: 1;">
+        <ui:VisualElement name="body" style="flex-direction: row; height: 100%; justify-content: center; flex-wrap: wrap;">
+            <ui:VisualElement name="left" style="padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; width: 50%; align-self: auto; align-items: stretch; flex-wrap: wrap;">
+                <ui:VisualElement name="tracksCtr" style="flex-grow: 1; background-color: rgba(0, 0, 0, 0); margin-right: 24px;">
+                    <ui:Label text="TRACK" display-tooltip-when-elided="true" name="Track" style="-unity-font: url(&apos;project://database/Assets/UI%20Toolkit/Fonts/Jura-DemiBold.otf?fileID=12800000&amp;guid=1d103e83da4f14189b3e8b0b865eca3d&amp;type=3#Jura-DemiBold&apos;); -unity-font-style: bold;" />
+                    <ui:VisualElement name="tracks">
+                        <ui:Button text="sr_junglism" display-tooltip-when-elided="true" />
+                        <ui:Button text="sr_silverstorage" display-tooltip-when-elided="true" />
+                        <ui:Button text="sr_sfz" display-tooltip-when-elided="true" />
+                        <ui:Button text="sr_alpha_centaurus" display-tooltip-when-elided="true" />
+                        <ui:Button text="sr_pascal" display-tooltip-when-elided="true" />
+                    </ui:VisualElement>
+                </ui:VisualElement>
+                <ui:VisualElement name="settings" style="flex-grow: 1; flex-direction: column; display: flex; visibility: visible; flex-shrink: 0;">
+                    <ui:Label tabindex="-1" text="CONTROLS" display-tooltip-when-elided="true" style="-unity-font-style: bold; align-items: auto;" />
+                    <ui:Slider label="View Sensitivity" value="1" high-value="3" name="viewSens" low-value="0.1" show-input-field="false" style="width: 100%;" />
+                    <ui:Label tabindex="-1" text="Label" display-tooltip-when-elided="true" name="viewSensLabel" style="-unity-text-align: upper-right; align-self: flex-end;" />
+                    <ui:Toggle label="Invert Y" name="invertY" tooltip="Invert Y Axis Controls" value="false" />
+                </ui:VisualElement>
+                <ui:VisualElement name="audio" style="flex-grow: 1; flex-direction: column; display: flex; visibility: visible; flex-shrink: 0;">
+                    <ui:Label tabindex="-1" text="AUDIO" display-tooltip-when-elided="true" style="-unity-font-style: bold; align-items: auto;" />
+                    <ui:Toggle label="Mute" name="muteAudioToggle" />
+                </ui:VisualElement>
+                <ui:Button text="EXIT" display-tooltip-when-elided="true" name="exit" tabindex="2" class="exit" style="flex-direction: row;" />
+            </ui:VisualElement>
+            <ui:VisualElement name="right" style="background-image: url(&apos;project://database/Assets/Images/Controls.HUD.png?fileID=2800000&amp;guid=16a9df7a449918546a5000d9830d1e2a&amp;type=3#Controls.HUD&apos;); flex-grow: 0; -unity-background-scale-mode: scale-to-fit; align-items: stretch; flex-shrink: 1; flex-basis: 50%;" />
+        </ui:VisualElement>
+    </ui:VisualElement>
+</ui:UXML>