From 9b1cc672cd011b03cc36fae1ec1800a144807347 Mon Sep 17 00:00:00 2001
From: James Finch <1347620+JamsRepos@users.noreply.github.com>
Date: Mon, 13 May 2024 22:46:36 +0100
Subject: [PATCH 1/4] fix: :lipstick: Fixed issue with dashboard leaking
 outside of the view

---
 CSS/css-scyfin/scyfin-theme-backdrop.css | 4 ++++
 CSS/css-scyfin/scyfin-theme.css          | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css
index ac179ac..e6f876b 100644
--- a/CSS/css-scyfin/scyfin-theme-backdrop.css
+++ b/CSS/css-scyfin/scyfin-theme-backdrop.css
@@ -40,6 +40,10 @@
 .layout-desktop .mainDrawerButton {
     display: none !important;
 }
+/* Fix for dashboard leaking out of the sections */
+.dashboardColumn {
+    flex-shrink: inherit;
+}
 /* Fix for dashboard drawer button height */
 .layout-desktop .dashboardDocument .mainDrawer-scrollContainer {
     padding-top: 0 !important;
diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css
index 825dc54..840f90e 100644
--- a/CSS/css-scyfin/scyfin-theme.css
+++ b/CSS/css-scyfin/scyfin-theme.css
@@ -42,6 +42,10 @@
 .layout-desktop .mainDrawerButton {
     display: none !important;
 }
+/* Fix for dashboard leaking out of the sections */
+.dashboardColumn {
+    flex-shrink: inherit;
+}
 /* Fix for dashboard drawer button height */
 .layout-desktop .dashboardDocument .mainDrawer-scrollContainer {
     padding-top: 0 !important;

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 2/4] 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 */

From f07fa881244e015cd6583729b8c56640fbc68d51 Mon Sep 17 00:00:00 2001
From: James Finch <1347620+JamsRepos@users.noreply.github.com>
Date: Mon, 13 May 2024 23:53:57 +0100
Subject: [PATCH 3/4] revert: :goal_net: Change colour back to non-backdrop
 version

---
 CSS/css-scyfin/scyfin-theme.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css
index 57b632c..b4a4c89 100644
--- a/CSS/css-scyfin/scyfin-theme.css
+++ b/CSS/css-scyfin/scyfin-theme.css
@@ -356,7 +356,7 @@ html {
 
 /* Add card around groups section */
 .layout-desktop .detailsGroupItem {
-    background: rgba(35, 35, 35, 0.5) !important;
+    background: #181818 !important;
     padding: 10px 20px !important;
     border-radius: 100px !important;
     width: fit-content !important;

From 0d22c8272c703203cac68626dff42b4cb7519da6 Mon Sep 17 00:00:00 2001
From: James Finch <1347620+JamsRepos@users.noreply.github.com>
Date: Mon, 13 May 2024 23:55:10 +0100
Subject: [PATCH 4/4] revert: :goal_net: Remove the backdrop blue from the
 standard version

---
 CSS/css-scyfin/scyfin-theme.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css
index b4a4c89..99d8f3b 100644
--- a/CSS/css-scyfin/scyfin-theme.css
+++ b/CSS/css-scyfin/scyfin-theme.css
@@ -361,7 +361,6 @@ html {
     border-radius: 100px !important;
     width: fit-content !important;
     max-width: max-content !important;
-    backdrop-filter: blur(40px) !important;
     display: flex;
     gap: 1em;
 }