Fix DB picker, theme picker per Buefy conventions

tailbone/templates/base.mako

@@ -339,9 +339,15 @@
                   ${h.form(url('change_db_engine'), ref='dbPickerForm')}
                   ${h.csrf_token(request)}
                   ${h.hidden('engine_type', value=master.engine_type_key)}
-                  <div class="select">
-                    ${h.select('dbkey', db_picker_selected, db_picker_options, **{'@change': 'changeDB()'})}
-                  </div>
+                  <b-select name="dbkey"
+                            value="${db_picker_selected}"
+                            @input="changeDB()">
+                    % for option in db_picker_options:
+                        <option value="${option.value}">
+                          ${option.label}
+                        </option>
+                    % endfor
+                  </b-select>
                   ${h.end_form()}
                 </div>
             % endif
@@ -397,7 +403,7 @@
                       <span>Theme:</span>
                       <b-select name="theme"
                                 v-model="globalTheme"
-                                @change="changeTheme()">
+                                @input="changeTheme()">
                         % for option in theme_picker_options:
                             <option value="${option.value}">
                               ${option.label}

tailbone/views/master.py

@@ -2783,7 +2783,7 @@ class MasterView(View):
                     # would therefore share the "current" engine)
                     selected = self.get_current_engine_dbkey()
                     kwargs['expose_db_picker'] = True
-                    kwargs['db_picker_options'] = [tags.Option(k) for k in engines]
+                    kwargs['db_picker_options'] = [tags.Option(k, value=k) for k in engines]
                     kwargs['db_picker_selected'] = selected
 
         # add info for downloadable input file templates, if any