adjusting layout buttons sizing

Author: genevaneva

css/style.css

@@ -220,7 +220,14 @@ body {
 .search-action-bar {
   display: flex;
   gap: 12px;
-  align-items: stretch;
+  align-items: flex-start;
+  margin-bottom: 8px;
+  flex-wrap: wrap;
+}
+
+.tab-actions {
+  display: flex;
+  gap: 8px;
   margin-bottom: 12px;
   flex-wrap: wrap;
 }

index.html

@@ -140,6 +140,8 @@ <h2>Settings</h2>
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('dx')">Check All</button>
         <button class="btn btn-secondary" onclick="DictApp.deselectAll('dx')">Uncheck All</button>
       </div>
+    </div>
+    <div class="tab-actions">
       <button class="btn btn-success" onclick="DictApp.downloadCsv('dx')" title="Downloads all matching rows. Each row has a desired column (TRUE/FALSE) you can edit.">&#8681; Download Matching Rows</button>
       <button class="btn btn-crdw" onclick="DictApp.sendToCrdw('dx')" title="Push SS files directly to the project's GitHub repo">&#9654; Send to CRDW</button>
     </div>
@@ -206,6 +208,8 @@ <h2>Settings</h2>
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('medication')">Check All</button>
         <button class="btn btn-secondary" onclick="DictApp.deselectAll('medication')">Uncheck All</button>
       </div>
+    </div>
+    <div class="tab-actions">
       <button class="btn btn-success" onclick="DictApp.downloadCsv('medication')" title="Downloads all matching rows. Each row has a desired column (TRUE/FALSE) you can edit.">&#8681; Download Matching Rows</button>
       <button class="btn btn-crdw" onclick="DictApp.sendToCrdw('medication')" title="Push SS files directly to the project's GitHub repo">&#9654; Send to CRDW</button>
     </div>
@@ -294,6 +298,8 @@ <h2>Settings</h2>
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('lab')">Check All</button>
         <button class="btn btn-secondary" onclick="DictApp.deselectAll('lab')">Uncheck All</button>
       </div>
+    </div>
+    <div class="tab-actions">
       <button class="btn btn-success" onclick="DictApp.downloadCsv('lab')" title="Downloads all matching rows. Each row has a desired column (TRUE/FALSE) you can edit.">&#8681; Download Matching Rows</button>
       <button class="btn btn-crdw" onclick="DictApp.sendToCrdw('lab')" title="Push SS files directly to the project's GitHub repo">&#9654; Send to CRDW</button>
     </div>
@@ -362,6 +368,8 @@ <h2>Settings</h2>
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('location')">Check All</button>
         <button class="btn btn-secondary" onclick="DictApp.deselectAll('location')">Uncheck All</button>
       </div>
+    </div>
+    <div class="tab-actions">
       <button class="btn btn-success" onclick="DictApp.downloadCsv('location')" title="Downloads all matching rows. Each row has a desired column (TRUE/FALSE) you can edit.">&#8681; Download Matching Rows</button>
       <button class="btn btn-crdw" onclick="DictApp.sendToCrdw('location')" title="Push SS files directly to the project's GitHub repo">&#9654; Send to CRDW</button>
     </div>
@@ -429,6 +437,8 @@ <h2>Settings</h2>
         <button class="btn btn-secondary" onclick="DictApp.selectAllVisible('procedure')">Check All</button>
         <button class="btn btn-secondary" onclick="DictApp.deselectAll('procedure')">Uncheck All</button>
       </div>
+    </div>
+    <div class="tab-actions">
       <button class="btn btn-success" onclick="DictApp.downloadCsv('procedure')" title="Downloads all matching rows. Each row has a desired column (TRUE/FALSE) you can edit.">&#8681; Download Matching Rows</button>
       <button class="btn btn-crdw" onclick="DictApp.sendToCrdw('procedure')" title="Push SS files directly to the project's GitHub repo">&#9654; Send to CRDW</button>
     </div>

js/search.js

@@ -63,6 +63,7 @@ const SearchEngine = (function () {
       'medication-epic': ['name', 'generic_name', 'pharmaceutical_class', 'pharmaceutical_subclass', 'therapeutic_class'],
       'medication-meditech': ['medication_name', 'generic', 'medication_mnemonic'],
       'medication-centricity': ['description', 'genericmed'],
+      lab: ['name', 'common_name', 'base_name', 'mnemonic', 'abbreviation', 'loinc'],
       'lab-epic': ['name', 'common_name', 'loinc_code', 'loinc_name'],
       'lab-meditech': ['lab_desc', 'lab_mnemonic', 'abbreviation', 'loinc'],
       'location-epic': ['department_name', 'department_external_name', 'department_specialty', 'location_name', 'department_type'],