From 7c0222a15bbae33cd61616630144e9659637efdd Mon Sep 17 00:00:00 2001
From: kingbri <bdashore3@proton.me>
Date: Tue, 4 Jul 2023 20:58:18 -0400
Subject: [PATCH] Regex: Migrate CSS styling

Universal styling has been moved to the main styles.css.

Signed-off-by: kingbri <bdashore3@proton.me>
---
 public/scripts/extensions/regex/editor.html   |  4 +--
 .../extensions/regex/scriptTemplate.html      |  6 ++---
 public/scripts/extensions/regex/style.css     | 26 -------------------
 public/style.css                              | 10 +++++++
 4 files changed, 15 insertions(+), 31 deletions(-)

diff --git a/public/scripts/extensions/regex/editor.html b/public/scripts/extensions/regex/editor.html
index dbf7b553a..e19d11777 100644
--- a/public/scripts/extensions/regex/editor.html
+++ b/public/scripts/extensions/regex/editor.html
@@ -46,7 +46,7 @@
         </div>
 
         <div class="flex-container">
-            <div class="wi-enter-footer-text flex-container flexFlowColumn flexNoGap align-start">
+            <div class="wi-enter-footer-text flex-container flexFlowColumn flexNoGap alignitemsstart">
                 <small>Placement</small>
                 <div>
                     <label class="checkbox flex-container">
@@ -79,7 +79,7 @@
                     </label>
                 </div>
             </div>
-            <div class="wi-enter-footer-text flex-container flexFlowColumn flexNoGap align-start">
+            <div class="wi-enter-footer-text flex-container flexFlowColumn flexNoGap alignitemsstart">
                 <small>Other Options</small>
                 <label class="checkbox flex-container">
                     <input type="checkbox" name="disabled" />
diff --git a/public/scripts/extensions/regex/scriptTemplate.html b/public/scripts/extensions/regex/scriptTemplate.html
index 995c37f91..382e20c48 100644
--- a/public/scripts/extensions/regex/scriptTemplate.html
+++ b/public/scripts/extensions/regex/scriptTemplate.html
@@ -1,6 +1,6 @@
-<div class="regex-script-label flex-container flex-nowrap">
-    <div class="regex_script_name flex-grow overflow-hidden"></div>
-    <div class="flex-container flex-nowrap">
+<div class="regex-script-label flex-container flexnowrap">
+    <div class="regex_script_name flexGrow overflow-hidden"></div>
+    <div class="flex-container flexnowrap">
         <div class="edit_existing_regex menu_button">
             <i class="fa-solid fa-pencil"></i>
         </div>
diff --git a/public/scripts/extensions/regex/style.css b/public/scripts/extensions/regex/style.css
index c7b5182bb..4be26dcdd 100644
--- a/public/scripts/extensions/regex/style.css
+++ b/public/scripts/extensions/regex/style.css
@@ -1,7 +1,3 @@
-.align-start {
-    align-items: start;
-}
-
 .regex_settings .menu_button {
     width: fit-content;
     display: flex;
@@ -9,10 +5,6 @@
     flex-direction: row;
 }
 
-.align-center {
-    align-items: center;
-}
-
 .regex-script-container {
     margin-top: 10px;
     margin-bottom: 10px;
@@ -26,21 +18,3 @@
     margin-top: 1px;
     margin-bottom: 1px;
 }
-
-.align-self-center {
-    align-self: center;
-}
-
-.flex-grow {
-    flex-grow: 1;
-}
-
-.flex-nowrap {
-    flex-wrap: nowrap;
-}
-
-.overflow-hidden {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
diff --git a/public/style.css b/public/style.css
index 476eab0b1..01a26a1fd 100644
--- a/public/style.css
+++ b/public/style.css
@@ -3997,6 +3997,16 @@ toolcool-color-picker {
     align-items: center;
 }
 
+.alignitemsstart {
+    align-items: start;
+}
+
+.overflow-hidden {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
 .padding5 {
     padding: 5px;
 }