Make action popup smaller (#1667)

yomidevs · Dec 15, 2024 · 67a509c · 67a509c
1 parent aad011b
commit 67a509c
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/ext/action-popup.html b/ext/action-popup.html
@@ -42,7 +42,7 @@ <h2 class="action-title">Profile</h2>
                 <p class="tooltip">Hover over text to scan</p>
             </div>
         </div>
-        <div class="action-container">
+        <div class="action-container action-buttons">
             <button tabindex="0" type="button" class="low-emphasis action-open-settings" title="Settings" data-hotkey='["global:openSettingsPage","title","Settings ({0})"]'>
                 <div class="action-icon">
                     <span class="icon" data-icon="cog"></span>

diff --git a/ext/css/action-popup.css b/ext/css/action-popup.css
@@ -53,7 +53,7 @@ body:not([data-loaded=true]) #action-popup {
 }
 
 body {
-    padding: 10px;
+    padding: 5px;
     margin: 0;
     font-family: 'Segoe UI', Tahoma, sans-serif;
     font-size: var(--font-size);
@@ -254,14 +254,17 @@ h2.action-title {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 10px;
-    gap: 0.25em;
+    padding: 5px;
 }
 
 .action-container button {
     flex: 0 0 auto;
 }
 
+.action-container.action-buttons {
+    gap: 0.25em;
+}
+
 /* Actions */
 
 .action-container.action-select-profile {
@@ -287,7 +290,7 @@ select.profile-select {
     color: #808080;
     padding: 0;
     margin: 0;
-    margin-top: 0.5em;
+    margin-top: 0.25em;
 }
 
 .enable-dictionary-tooltip {