From 15b2db15b70af6db76bacc8315c17509f6df7ebf Mon Sep 17 00:00:00 2001
From: James Finch <1347620+JamsRepos@users.noreply.github.com>
Date: Mon, 13 May 2024 23:49:49 +0100
Subject: [PATCH] fix: :bug: Fixed an issue where non-alphabetic characters
 would leak out of details

---
 CSS/css-scyfin/scyfin-theme-backdrop.css | 11 +++++++----
 CSS/css-scyfin/scyfin-theme.css          | 14 +++++++++-----
 2 files changed, 16 insertions(+), 9 deletions(-)

diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css
index e6f876b..3e7afcd 100644
--- a/CSS/css-scyfin/scyfin-theme-backdrop.css
+++ b/CSS/css-scyfin/scyfin-theme-backdrop.css
@@ -327,12 +327,15 @@
     width: fit-content !important;
     max-width: max-content !important;
     backdrop-filter: blur(40px) !important;
+    display: flex;
+    gap: 1em;
 }
 
-/* Fix for groups section card */
-.layout-desktop .content.focuscontainer-x {
-    white-space: nowrap !important;
-    padding-right: 48px !important;
+/* Fix for group section labels */
+.detailsGroupItem .label, .trackSelections .selectContainer .selectLabel {
+    min-width: 75px;
+    flex-basis: unset;
+    margin: unset;
 }
 
 /* Alternative mobile group section card */
diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css
index 840f90e..57b632c 100644
--- a/CSS/css-scyfin/scyfin-theme.css
+++ b/CSS/css-scyfin/scyfin-theme.css
@@ -356,17 +356,21 @@ html {
 
 /* Add card around groups section */
 .layout-desktop .detailsGroupItem {
-    background: #181818 !important;
+    background: rgba(35, 35, 35, 0.5) !important;
     padding: 10px 20px !important;
     border-radius: 100px !important;
     width: fit-content !important;
     max-width: max-content !important;
+    backdrop-filter: blur(40px) !important;
+    display: flex;
+    gap: 1em;
 }
 
-/* Fix for groups section card */
-.layout-desktop .content.focuscontainer-x {
-    white-space: nowrap !important;
-    padding-right: 48px !important;
+/* Fix for group section labels */
+.detailsGroupItem .label, .trackSelections .selectContainer .selectLabel {
+    min-width: 75px;
+    flex-basis: unset;
+    margin: unset;
 }
 
 /* Alternative mobile group section card */