Update CSS

AlttiRi · Sep 9, 2024 · 179fb37 · 179fb37
1 parent 062fa68
commit 179fb37
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 30 deletions.
diff --git a/dist/href-taker.user.js b/dist/href-taker.user.js
@@ -1,6 +1,6 @@
 // ==UserScript==
 // @name        HrefTaker
-// @version     0.16.1-2024.9.8-f505
+// @version     0.16.2-2024.9.9-5ba2
 // @namespace   gh.alttiri
 // @description URL grabber popup
 // @license     GPL-3.0
@@ -1580,18 +1580,23 @@ function getPopup(settings) {
                         name="list_button" 
                         class="short btn-left"
                         >List links</button>
-                <label title="Include URLs parsed from text" id="include_text_url-label">
-                    <input type="checkbox" name="include_text_url" ${checked(include_text_url)}>
-                    Text
-                </label>
-                <label title="Only URLs parsed from text">
-                    <input type="checkbox" name="only_text_url" ${checked(only_text_url)}>
-                    Only text
-                </label>
-                <label title="Include media (img, video) tags">
+                <div class="quick-option">
+                    <label title="Include URLs parsed from text" id="include_text_url-label">
+                        <input type="checkbox" name="include_text_url" ${checked(include_text_url)}>
+                        Text
+                    </label> 
+                </div>
+                <div class="quick-option">
+                    <label title="Only URLs parsed from text">
+                        <input type="checkbox" name="only_text_url" ${checked(only_text_url)}>
+                        Only text
+                    </label>
+                </div>
+                <div class="quick-option"><label title="Include media (img, video) tags">
                     <input type="checkbox" name="include_media" ${checked(include_media)}>
-                    Media
-                </label>
+                        Media
+                    </label>
+                </div>
             </div>
             <div>
                 <button name="to_text_button" class="long btn-right"
@@ -1604,13 +1609,13 @@ function getPopup(settings) {
                         name="copy_button" class="short btn-left"
                 >Copy</button>
                 
-                <span id="append-on-hover-wrapper">
+                <span class="quick-option" id="append-on-hover-wrapper">
                     <label title="Append URLs on the button hover">
                         <input type="checkbox" name="append_on_hover" ${checked(append_on_hover)}>
                         AoH
                     </label>
                 </span>
-                <span id="keep-in-storage-wrapper">
+                <span class="quick-option" id="keep-in-storage-wrapper">
                     <label title="Keep URLs in localStorage">
                         <input type="checkbox" name="keep_in_storage" ${checked(keep_in_storage)}>
                         KiS
@@ -1743,7 +1748,10 @@ this option only defines the default state.">
 }
 
 #extra_settings label {
-    min-width: 120px;
+    min-width: 125px;
+}
+.quick-option {
+    min-width: 55px;
 }
 
 .btn-left {

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "href-taker",
   "private": true,
-  "version": "0.16.1-2024.9.8-f505",
+  "version": "0.16.2-2024.9.9-5ba2",
   "type": "module",
   "scripts": {
     "dev": "vite --open demo.html --host",

diff --git a/src/components/popup.js b/src/components/popup.js
@@ -102,18 +102,23 @@ export function getPopup(settings) {
                         name="list_button" 
                         class="short btn-left"
                         >List links</button>
-                <label title="Include URLs parsed from text" id="include_text_url-label">
-                    <input type="checkbox" name="include_text_url" ${checked(include_text_url)}>
-                    Text
-                </label>
-                <label title="Only URLs parsed from text">
-                    <input type="checkbox" name="only_text_url" ${checked(only_text_url)}>
-                    Only text
-                </label>
-                <label title="Include media (img, video) tags">
+                <div class="quick-option">
+                    <label title="Include URLs parsed from text" id="include_text_url-label">
+                        <input type="checkbox" name="include_text_url" ${checked(include_text_url)}>
+                        Text
+                    </label> 
+                </div>
+                <div class="quick-option">
+                    <label title="Only URLs parsed from text">
+                        <input type="checkbox" name="only_text_url" ${checked(only_text_url)}>
+                        Only text
+                    </label>
+                </div>
+                <div class="quick-option"><label title="Include media (img, video) tags">
                     <input type="checkbox" name="include_media" ${checked(include_media)}>
-                    Media
-                </label>
+                        Media
+                    </label>
+                </div>
             </div>
             <div>
                 <button name="to_text_button" class="long btn-right"
@@ -126,13 +131,13 @@ export function getPopup(settings) {
                         name="copy_button" class="short btn-left"
                 >Copy</button>
                 
-                <span id="append-on-hover-wrapper">
+                <span class="quick-option" id="append-on-hover-wrapper">
                     <label title="Append URLs on the button hover">
                         <input type="checkbox" name="append_on_hover" ${checked(append_on_hover)}>
                         AoH
                     </label>
                 </span>
-                <span id="keep-in-storage-wrapper">
+                <span class="quick-option" id="keep-in-storage-wrapper">
                     <label title="Keep URLs in localStorage">
                         <input type="checkbox" name="keep_in_storage" ${checked(keep_in_storage)}>
                         KiS
@@ -265,7 +270,10 @@ this option only defines the default state.">
 }
 
 #extra_settings label {
-    min-width: 120px;
+    min-width: 125px;
+}
+.quick-option {
+    min-width: 55px;
 }
 
 .btn-left {