UI adjustmnts

Author: genevaneva

css/style.css

@@ -225,6 +225,14 @@ body {
   flex-wrap: wrap;
 }
 
+.search-tools-row {
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  margin-bottom: 8px;
+  flex-wrap: wrap;
+}
+
 .tab-actions {
   display: flex;
   gap: 8px;

index.html

@@ -135,6 +135,8 @@ <h2>Settings</h2>
                class="keyword-input">
       </div>
       <button class="btn btn-secondary btn-clear-kw" onclick="DictApp.clearKeywords('dx')" title="Clear all keywords" style="display:none" id="btn-clear-kw-dx">&#10005; Clear</button>
+    </div>
+    <div class="search-tools-row">
       <button class="btn btn-ai" onclick="DictApp.toggleAiPanel('dx')">&#9733; AI Expand</button>
       <div class="bulk-actions">
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('dx')">Check All</button>
@@ -203,6 +205,8 @@ <h2>Settings</h2>
                class="keyword-input">
       </div>
       <button class="btn btn-secondary btn-clear-kw" onclick="DictApp.clearKeywords('medication')" title="Clear all keywords" style="display:none" id="btn-clear-kw-medication">&#10005; Clear</button>
+    </div>
+    <div class="search-tools-row">
       <button class="btn btn-ai" onclick="DictApp.toggleAiPanel('medication')">&#9733; AI Expand</button>
       <div class="bulk-actions">
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('medication')">Check All</button>
@@ -293,6 +297,8 @@ <h2>Settings</h2>
                class="keyword-input">
       </div>
       <button class="btn btn-secondary btn-clear-kw" onclick="DictApp.clearKeywords('lab')" title="Clear all keywords" style="display:none" id="btn-clear-kw-lab">&#10005; Clear</button>
+    </div>
+    <div class="search-tools-row">
       <button class="btn btn-ai" onclick="DictApp.toggleAiPanel('lab')">&#9733; AI Expand</button>
       <div class="bulk-actions">
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('lab')">Check All</button>
@@ -363,6 +369,8 @@ <h2>Settings</h2>
                class="keyword-input">
       </div>
       <button class="btn btn-secondary btn-clear-kw" onclick="DictApp.clearKeywords('location')" title="Clear all keywords" style="display:none" id="btn-clear-kw-location">&#10005; Clear</button>
+    </div>
+    <div class="search-tools-row">
       <button class="btn btn-ai" onclick="DictApp.toggleAiPanel('location')">&#9733; AI Expand</button>
       <div class="bulk-actions">
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('location')">Check All</button>
@@ -432,6 +440,8 @@ <h2>Settings</h2>
                class="keyword-input">
       </div>
       <button class="btn btn-secondary btn-clear-kw" onclick="DictApp.clearKeywords('procedure')" title="Clear all keywords" style="display:none" id="btn-clear-kw-procedure">&#10005; Clear</button>
+    </div>
+    <div class="search-tools-row">
       <button class="btn btn-ai" onclick="DictApp.toggleAiPanel('procedure')">&#9733; AI Expand</button>
       <div class="bulk-actions">
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('procedure')">Check All</button>