Arrange wind controls horizontally

2026-08-19 17:34:04 +03:00
parent 59132179ef
commit 632f377c2d
3 changed files with 21 additions and 16 deletions
@@ -107,17 +107,17 @@ export const MapView: Component<{ type: MapResolution, data: () => ResultKeyVal[
            <div class="mapControlSections">
                <section class="valueControls">
                    <strong>Value and wind settings</strong>
-                    <div>
-                        <label>
+                    <div class="windControlRow">
+                        <label class="roundControl">
                            <input
                                type="checkbox"
                                checked={windSignals.roundValues[0]()}
                                onChange={e => windSignals.roundValues[1](e.target.checked)}
                            />
-                            Round values
+                            <span>Round temperatures</span>
                        </label>
+                        { props.showWind && <WindInputs signals={windSignals} /> }
                    </div>
-                    { props.showWind && <WindInputs signals={windSignals} /> }
                </section>
                {mode === "faktiska" && <IconInputs cities={data().map(([city]) => city)} weatherIconsSignal={weatherIconsSignal} />}
            </div>