From 2cd8ffb24d1b7a0cad1f8681b6028998e01b0e44 Mon Sep 17 00:00:00 2001
From: Frederick Muriuki Muriithi
Date: Mon, 3 Feb 2025 11:32:47 -0600
Subject: Use horizontal-form for UI

Update the macro templates to use the horizontal-form paradigm to fit
in with what Rob likes.
---
 .../templates/species/macro-select-species.html    | 42 +++++++++++-----------
 1 file changed, 22 insertions(+), 20 deletions(-)

(limited to 'uploader/templates/species/macro-select-species.html')

diff --git a/uploader/templates/species/macro-select-species.html b/uploader/templates/species/macro-select-species.html
index dd086c0..36ed102 100644
--- a/uploader/templates/species/macro-select-species.html
+++ b/uploader/templates/species/macro-select-species.html
@@ -1,29 +1,31 @@
 {%macro select_species_form(form_action, species)%}
 {%if species | length > 0%}
-<form method="GET" action="{{form_action}}">
+<form method="GET" action="{{form_action}}" class="form-horizontal">
   <div class="form-group">
-    <label for="select-species" class="form-label">Species</label>
-    <select id="select-species"
-            name="species_id"
-            class="form-control"
-            required="required">
-      <option value="">Select Species</option>
-      {%for group in species%}
-      {{group}}
-      <optgroup {%if group[0][1] is not none%}
-                label="{{group[0][1].capitalize()}}"
-                {%else%}
-                label="Undefined"
-                {%endif%}>
-        {%for aspecies in group[1]%}
-        <option value="{{aspecies.SpeciesId}}">{{aspecies.MenuName}}</option>
+    <label for="select-species" class="control-label col-sm-2">Species</label>
+    <div class="col-sm-10">
+      <select id="select-species"
+              name="species_id"
+              class="form-control"
+              required="required">
+        <option value="">Select Species</option>
+        {%for group in species%}
+        {{group}}
+        <optgroup {%if group[0][1] is not none%}
+                  label="{{group[0][1].capitalize()}}"
+                  {%else%}
+                  label="Undefined"
+                  {%endif%}>
+          {%for aspecies in group[1]%}
+          <option value="{{aspecies.SpeciesId}}">{{aspecies.MenuName}}</option>
+          {%endfor%}
+        </optgroup>
         {%endfor%}
-      </optgroup>
-      {%endfor%}
-    </select>
+      </select>
+    </div>
   </div>
 
-  <div class="form-group">
+  <div class="col-sm-offset-2 col-sm-10">
     <input type="submit" value="Select" class="btn btn-primary" />
   </div>
 </form>
-- 
cgit v1.2.3