myheats

commit 024218c3b38214f733ccdb52e604fc721a6e9b3e
parent 0d39d4b89fb2bf98272e67661bab5f7158de7d4c
Author: Andreas Gruhler <andreas.gruhler@adfinis.com>
Date:   Mon, 10 Jul 2023 01:25:33 +0200

fix: scrollbar & input width

Diffstat:
M
src/Score.jsx
 | 
64
++++++++++++++++++++++++++++++++--------------------------------
M
src/index.css
 | 
2
+-

2 files changed, 33 insertions(+), 33 deletions(-)
diff --git a/src/Score.jsx b/src/Score.jsx
@@ -79,38 +79,38 @@ function ScoringForm({session}) {
     <div>
       <button disabled={!loading}>{loading ? '↺ loading' : ''}</button>
       <table>
-          <thead>
-            <tr>
-              <th>Heat</th>
-              <th>Athlete</th>
-              <th>Score</th>
-            </tr>
-          </thead>
-          <tbody>
-            <tr>
-              <td data-title='Heat'>
-                <Select
-                  options={heatOpts}
-                  onChange={h => { setHeatSelection(h); setScore(0) }}
-                />
-              </td>
-              <td data-title='Athlete'>
-                <Select
-                  options={athleteOpts}
-                  onChange={a => { setAthleteSelection(a); setScore(0) }}
-                />
-              </td>
-              <td data-title='Score'>
-                <input
-                  className='scoreInput'
-                  type="number"
-                  value={score}
-                  onChange={(e) => setScore(e.target.value)}
-                />
-              </td>
-            </tr>
-          </tbody>
-        </table>
+        <thead>
+          <tr>
+            <th>Heat</th>
+            <th>Athlete</th>
+            <th>Score</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td data-title='Heat'>
+              <Select
+                options={heatOpts}
+                onChange={h => { setHeatSelection(h); setScore(0) }}
+              />
+            </td>
+            <td data-title='Athlete'>
+              <Select
+                options={athleteOpts}
+                onChange={a => { setAthleteSelection(a); setScore(0) }}
+              />
+            </td>
+            <td data-title='Score'>
+              <input
+                className='scoreInput'
+                type="number"
+                value={score}
+                onChange={(e) => setScore(e.target.value)}
+              />
+            </td>
+          </tr>
+        </tbody>
+      </table>
     </div>
   )
 }
diff --git a/src/index.css b/src/index.css
@@ -14,7 +14,7 @@ h1, h2, p {
 }
 
 button, input {
-  width: 100%;
+  width: 95%;
   padding: 5px 10px;
   border-radius: 3px;
   box-shadow: 0 1px #b1b0b6;