From 1d8f2f499a71bf528aedb9b0eeeb036340ed85ac Mon Sep 17 00:00:00 2001
From: Kuuuube <61125188+Kuuuube@users.noreply.github.com>
Date: Sat, 22 Jun 2024 00:39:40 -0400
Subject: Cleanup and center custom css modal (#1111)

---
 ext/settings.html | 43 +++++++++++++++++++++++--------------------
 1 file changed, 23 insertions(+), 20 deletions(-)

(limited to 'ext/settings.html')

diff --git a/ext/settings.html b/ext/settings.html
index 94f87148..dfd562a9 100644
--- a/ext/settings.html
+++ b/ext/settings.html
@@ -2702,29 +2702,32 @@
 
 
 <!-- Custom CSS modal -->
-<div id="custom-css-modal" class="modal modal-left" tabindex="-1" role="dialog" hidden><div class="modal-content-container1">
-    <div class="modal-content-container2 modal-content-dimmer"><div class="modal-content">
-        <div class="modal-header">
-            <div class="modal-title">Custom CSS</div>
-            <div class="modal-header-button-container">
-                <div class="modal-header-button-group">
-                    <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button>
-                    <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button>
+<div id="custom-css-modal" class="modal modal-left" tabindex="-1" role="dialog" hidden>
+    <div class="modal-content-container">
+        <div class="modal-content-dimmer"></div>
+        <div class="modal-content">
+            <div class="modal-header">
+                <div class="modal-title">Custom CSS</div>
+                <div class="modal-header-button-container">
+                    <div class="modal-header-button-group">
+                        <button type="button" class="icon-button modal-header-button" data-modal-action="expand"><span class="icon-button-inner"><span class="icon" data-icon="expand"></span></span></button>
+                        <button type="button" class="icon-button modal-header-button" data-modal-action="collapse"><span class="icon-button-inner"><span class="icon" data-icon="collapse"></span></span></button>
+                    </div>
                 </div>
             </div>
+
+            <div class="modal-body custom-popup-css-container">
+                <div class="custom-popup-css-header">Popup CSS</div>
+                <textarea class="no-wrap" autocomplete="off" spellcheck="false" id="custom-popup-css" data-setting="general.customPopupCss" data-tab-action="indent,4"></textarea>
+                <div class="custom-popup-css-header margin-above">Popup outer CSS</div>
+                <textarea class="no-wrap" autocomplete="off" spellcheck="false" id="custom-popup-outer-css" data-setting="general.customPopupOuterCss" data-tab-action="indent,4"></textarea>
+            </div>
+            <div class="modal-footer">
+                <button type="button" data-modal-action="hide">Close</button>
+            </div>
         </div>
-        <div class="modal-body custom-popup-css-container">
-            <div class="custom-popup-css-header">Popup CSS</div>
-            <textarea class="no-wrap" autocomplete="off" spellcheck="false" id="custom-popup-css" data-setting="general.customPopupCss" data-tab-action="indent,4"></textarea>
-            <div class="custom-popup-css-header margin-above">Popup outer CSS</div>
-            <textarea class="no-wrap" autocomplete="off" spellcheck="false" id="custom-popup-outer-css" data-setting="general.customPopupOuterCss" data-tab-action="indent,4"></textarea>
-        </div>
-        <div class="modal-footer">
-            <button type="button" data-modal-action="hide">Close</button>
-        </div>
-    </div></div>
-    <div class="modal-content-container1-fade"></div>
-</div></div>
+    </div>
+</div>
 
 
 <!-- Audio sources modal -->
-- 
cgit v1.2.3