From cb149d5e713cb1b3b60c193234a4198aa707dc2b Mon Sep 17 00:00:00 2001
From: xXJSONDeruloXx <danielhimebauch@gmail.com>
Date: Thu, 24 Jul 2025 10:32:30 -0400
Subject: use css loader type styling for collapsible height

---
 src/components/ConfigurationSection.tsx | 43 +++++++++++++++++++++------------
 1 file changed, 28 insertions(+), 15 deletions(-)

(limited to 'src/components/ConfigurationSection.tsx')

diff --git a/src/components/ConfigurationSection.tsx b/src/components/ConfigurationSection.tsx
index 7c8923e..67e010a 100644
--- a/src/components/ConfigurationSection.tsx
+++ b/src/components/ConfigurationSection.tsx
@@ -22,6 +22,17 @@ export function ConfigurationSection({
 
   return (
     <>
+      <style>
+        {`
+        .LSFG_WorkaroundsCollapseButton_Container > div > div > div > button {
+          height: 10px !important;
+        }
+        .LSFG_WorkaroundsCollapseButton_Container > div > div > div > div > button {
+          height: 10px !important;
+        }
+        `}
+      </style>
+
       <PanelSectionRow>
         <div
           style={{
@@ -131,21 +142,23 @@ export function ConfigurationSection({
       </PanelSectionRow>
 
       <PanelSectionRow>
-        <ButtonItem
-          layout="below"
-          bottomSeparator={workaroundsCollapsed ? "standard" : "none"}
-          onClick={() => setWorkaroundsCollapsed(!workaroundsCollapsed)}
-        >
-          {workaroundsCollapsed ? (
-            <RiArrowDownSFill
-              style={{ transform: "translate(0, -13px)", fontSize: "1.5em" }}
-            />
-          ) : (
-            <RiArrowUpSFill
-              style={{ transform: "translate(0, -12px)", fontSize: "1.5em" }}
-            />
-          )}
-        </ButtonItem>
+        <div className="LSFG_WorkaroundsCollapseButton_Container">
+          <ButtonItem
+            layout="below"
+            bottomSeparator={workaroundsCollapsed ? "standard" : "none"}
+            onClick={() => setWorkaroundsCollapsed(!workaroundsCollapsed)}
+          >
+            {workaroundsCollapsed ? (
+              <RiArrowDownSFill
+                style={{ transform: "translate(0, -13px)", fontSize: "1.5em" }}
+              />
+            ) : (
+              <RiArrowUpSFill
+                style={{ transform: "translate(0, -12px)", fontSize: "1.5em" }}
+              />
+            )}
+          </ButtonItem>
+        </div>
       </PanelSectionRow>
 
       {!workaroundsCollapsed && (
-- 
cgit v1.2.3