various styling fixes

webapp/views/components/Select.js

@@ -0,0 +1,27 @@
+import { h } from 'preact';
+
+export default (props) => {
+
+    const { options = [] } = props;
+    const optionsMarkup = options.map(option => {
+        return (
+            <option
+                label={option.name}
+                value={option.value}
+                selected={props.value === option.value}
+            />
+        );
+    });
+
+    return (
+        <label>
+            {props.text}:
+            <select
+                class={props.name}
+                onchange={props.onchange.bind(null, props.name)}
+            >
+                {optionsMarkup}
+            </select>
+        </label>
+    );
+}