From 16c34e3d52498a12014c225dabc1a8a653200e72 Mon Sep 17 00:00:00 2001
From: Tamius Han <tamius.han@gmail.com>
Date: Sat, 8 Jun 2024 03:23:49 +0200
Subject: [PATCH] ui styling

---
 src/csui/src/PlayerUIWindow.vue            | 8 +++++++-
 src/csui/src/PlayerUiPanels/AboutPanel.vue | 4 ++--
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/csui/src/PlayerUIWindow.vue b/src/csui/src/PlayerUIWindow.vue
index 8e372e1..9aad934 100644
--- a/src/csui/src/PlayerUIWindow.vue
+++ b/src/csui/src/PlayerUIWindow.vue
@@ -181,7 +181,7 @@ export default {
         // {id: 'advancedOptions', label: 'Advanced options', icon: 'cogs' },
         // {id: 'debugging', label: 'Debugging', icon: 'bug-outline' }
         {id: 'changelog', label: 'What\'s new', icon: 'information-box-outline' },
-        {id: 'about', label: 'About', icon: ''}
+        {id: 'about', label: 'About', icon: 'star-four-points-circle'}
       ],
       selectedTab: 'videoSettings',
       BrowserDetect: BrowserDetect,
@@ -247,6 +247,12 @@ export default {
 //   height: 100%;
 // }
 
+.tab-row {
+  width: 22rem;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
+
 .tab-main {
   flex-grow: 1;
   flex-shrink: 1;
diff --git a/src/csui/src/PlayerUiPanels/AboutPanel.vue b/src/csui/src/PlayerUiPanels/AboutPanel.vue
index 84aa44d..943c052 100644
--- a/src/csui/src/PlayerUiPanels/AboutPanel.vue
+++ b/src/csui/src/PlayerUiPanels/AboutPanel.vue
@@ -7,7 +7,7 @@
     </p>
 
     <div class="flex flex-row gap-2 bg-black">
-      <div class="w-[1/2]">
+      <div class="w-[1/2]" style="width: 50%">
         <h2>Report a problem</h2>
         <p>
           You may report <strike>undocumented features</strike> bugs using one of the following options (in order of preference):
@@ -35,7 +35,7 @@
         </p>
       </div>
 
-      <div class="w-[1/2]">
+      <div class="w-[1/2]" style="width: 50%">
         <h2>Thank you monies</h2>
         <p>
           If you think I deserve money for the work I did up to this point, you can bankroll my caffeine addiction.