Update UI

foxyproxy · Oct 8, 2023 · 7635d48 · 7635d48
1 parent 34ba1f6
commit 7635d48
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 18 deletions.
diff --git a/src/content/options.css b/src/content/options.css
@@ -351,31 +351,24 @@ input[type="color"] {
   resize: vertical;
 }
 
+.options div.container,
+.options div.commands,
 .options div.globalExclude {
-  margin-top: 0.5em;
   display: grid;
-  grid-template-columns: 1fr 1fr;
-  gap: 0.2em;
+  grid-template-columns: minmax(max-content, 8em) max-content;
+  gap: 0.2em 1em;
+  margin-left: 1em;
+  margin-bottom: 1em;
 }
 
-.options div.globalExclude select {
-  grid-column-start: 1;
-  grid-column-end: 3;
+.options div.globalExclude {
+  grid-template-columns: minmax(max-content, 8em) 0.5fr;
 }
 
-.options div.globalExclude label {
-  background-color: var(--alt-bg);
-  padding: 0.3em 0.5em;
+.options div.globalExclude select {
+  grid-column-start: 2;
 }
 
-.options div.container,
-.options div.commands {
-  display: grid;
-  grid-template-columns: minmax(max-content, 8em) max-content;
-  gap: 0.2em 1em;
-  margin-left: 1em;
-  margin-bottom: 1em;
-}
 
 .options div.buttons {
   display: grid;

diff --git a/src/content/options.html b/src/content/options.html
@@ -118,8 +118,9 @@
         <p class="description" data-i18n="globalExcludeDescription"></p>
         <div class="globalExclude">
           <label data-i18n="wildcard"></label>
-          <label>Reg Exp</label>
           <textarea id="globalExcludeWildcard"></textarea>
+
+          <label>Reg Exp</label>
           <textarea id="globalExcludeRegex"></textarea>
 
           <!-- proxy.onRequest bypasses "Connections to localhost, 127.0.0.1/8, and ::1 are never proxied." restrictions -->