wip form

webui/src/primitives/Forms.sass

@@ -1,10 +1,20 @@
 @import "../res/colors"
 
 .FormLine
-  margin: 0.5em 1ch
+  padding: 0.5em 1ch
+  width: 100%
 
   &:first-of-type
     margin-top: 0
 
-  input
+  input, select
     display: block
+    width: 100%
+    font: inherit
+    background-color: $color-background-elevated
+    color: $color-foreground
+    border: none
+    padding: 0.25em 0.5ch
+
+    &:focus, &:active
+      outline: 1px solid $color-foreground-elevated

webui/src/primitives/Forms.tsx

@@ -115,7 +115,7 @@ export const KelvinColorPicker: React.FC<KelvinColorPickerProps> = ({label, kelv
     });
 
     colorPicker.on("input:end", (color: iro.Color) => {
-      onChange(color.kelvin);
+      onChange(Math.floor(color.kelvin));
     });
 
     return () => {
@@ -130,7 +130,7 @@ export const KelvinColorPicker: React.FC<KelvinColorPickerProps> = ({label, kelv
 
   return (
     <FormLine label={label || "KV-farge"}>
-      <div id={myId} style={{margin: "0 auto"}}/>
+      <div title={`${kelvin}K`} id={myId} style={{margin: "0 auto"}}/>
     </FormLine>
   );
 }