more compact popup UI

2026-01-16 21:15:32 -05:00
parent 08c625ae94
commit 5829aa0269
2 changed files with 16 additions and 1 deletions
--- a/popup.css
+++ b/popup.css
@@ -95,6 +95,21 @@ body {
  gap: 4px;
 }

+.inline-field {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.inline-field label {
+  margin: 0;
+  flex: 0 0 auto;
+}
+
+.inline-field select {
+  flex: 1;
+}
+
 label {
  font-size: 10px;
  text-transform: uppercase;
--- a/popup.html
+++ b/popup.html
@@ -17,7 +17,7 @@
    <section class="panel">
      <div class="controls-block">
        <div class="config-block">
-          <div class="field">
+          <div class="field inline-field">
            <label for="taskSelect">Task</label>
            <select id="taskSelect"></select>
          </div>