fix homepage with dropdown items

templates/home.html

@@ -42,18 +42,11 @@
     
               <div class="form-group">
                 <label for="tbl_selected">Table(s)</label>
-                <div class="dropdown-check-list" tabindex="100">
-                  <span class="anchor form-control">Select Tables</span>
-                  <ul class="items" style="display: none;">
-                    <li><input type="checkbox" name="tbl_selected" value="workforce" /> Workforce</li>
-                    <li><input type="checkbox" name="tbl_selected" value="badges" /> Badges</li>
-                    <li><input type="checkbox" name="tbl_selected" value="learning" /> Learning</li>
-                    <li><input type="checkbox" name="tbl_selected" value="lat" /> LAT</li>
-                    <li><input type="checkbox" name="tbl_selected" value="tr" /> TR</li>
-                    <li><input type="checkbox" name="tbl_selected" value="mct" /> MCT</li>
-                    <li><input type="checkbox" name="tbl_selected" value="profqual" /> Profqual</li>
-                  </ul>
-                </div>
+                <select class="form-control" id="multiple-checkboxes" multiple="multiple" name="tbl_selected" required>
+                    <option value="workforce">Workforce</option>
+                    <option value="badges">Badges</option>
+                    <option value="learning">Compensation</option>
+                </select>  
               </div>
     
             <button type="submit" class="btn btn-primary">Submit</button>