From 56de4dc516975b36d1cbe70da3964d254fa82c65 Mon Sep 17 00:00:00 2001
From: Joris
Date: Thu, 20 May 2021 16:55:01 +0200
Subject: Reduce number input widths

---
 src/view/form.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/view')

diff --git a/src/view/form.ts b/src/view/form.ts
index a5e7253..8670463 100644
--- a/src/view/form.ts
+++ b/src/view/form.ts
@@ -26,7 +26,7 @@ export function view(config: Config.Config, showPage: (route: Router.Route) => v
           h('h1', { className: 'g-Form__Title' }, 'Tabatas'),
           h('div',
             { className: 'g-Form__Line' },
-            numberInput('Preparation', 0, config.prepare, n => { config.prepare = n; wd()}),
+            numberInput('Prep', 0, config.prepare, n => { config.prepare = n; wd()}),
             operator('+'),
             numberInput('Cycles', 1, config.cycles, n => { config.cycles = n; wd()}),
             operator('× ('),
@@ -85,7 +85,7 @@ function tabatasSection(
     tabatas,
     h('input',
       { type: 'button',
-        value: 'Add',
+        value: 'Add tabata',
         className: 'g-Button',
         onclick: (e: Event) => {
           let index = counter++
@@ -120,7 +120,7 @@ function tabataInput(
 ): TabataInput {
   const textInput = h('input',
     { value: init,
-      className: 'g-Input',
+      className: 'g-Input g-Form__TabataInput',
       required: 'required',
       oninput: (e: Event) => {
         if (e.target !== null) {
@@ -163,7 +163,7 @@ function numberInput(
     },
     labelValue,
     h('input',
-      { className: 'g-Input',
+      { className: 'g-Input g-Form__NumberInput',
         type: 'number',
         required: 'required',
         min,
-- 
cgit v1.2.3