From 70c78bcca3af14bfdffbff5b06422c1c848fb377 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Tue, 4 Feb 2020 14:28:58 -0500
Subject: [PATCH] Give more room to numeric fields

---
 macrovision.css  | 6 +++---
 macrovision.html | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/macrovision.css b/macrovision.css
index e7f2fb46..5861fa21 100644
--- a/macrovision.css
+++ b/macrovision.css
@@ -99,13 +99,13 @@ body {
     font-size: 150%;
 }
 
-.options-row input {
-    flex: 1;
+.options-row .options-field-numeric {
+    flex: 2;
     width: 50%;
     font-size: 150%;
 }
 
-.options-row select {
+.options-row .options-field-unit {
     flex: 1;
     width: 50%;
     font-size: 150%;
diff --git a/macrovision.html b/macrovision.html
index dd5e743d..42709dbc 100644
--- a/macrovision.html
+++ b/macrovision.html
@@ -29,8 +29,8 @@
         World height
       </div>
       <div class="options-row">
-        <input type="number" id="options-height-value" min="1" value="10">
-        <select id="options-height-unit">
+        <input class="options-field-numeric" type="number" id="options-height-value" min="1" value="10">
+        <select class="options-field-unit" id="options-height-unit">
           <option>meters</option>
           <option>kilometers</option>
         </select>