unitを明示的に指定した

Gurrium · Aug 18, 2022 · 465484f · 465484f
1 parent db79282
commit 465484f
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -57,7 +57,7 @@
       <fieldset>
         <div class="pure-g">
           <div class="pure-u-1-5">
-            <label>
+            <label class="pure-u-1">
               ルートファイル
               <input id="route-file" type="file" accept=".tcx" />
             </label>
@@ -72,19 +72,19 @@
           <div class="pure-u-1 pure-u-md-1-5">
             <label class="pure-u-23-24">
               始点
-              <input id="minDistance" type="number" placeholder="[km]" step="0.1" />
+              <input id="minDistance" class="pure-u-1" type="number" placeholder="[km]" step="0.1" />
             </label>
           </div>
           <div class="pure-u-1 pure-u-md-1-5">
             <label class="pure-u-23-24">
               終点
-              <input id="maxDistance" type="number" placeholder="[km]" step="0.1" />
+              <input id="maxDistance" class="pure-u-1" type="number" placeholder="[km]" step="0.1" />
             </label>
           </div>
           <div class="pure-u-1 pure-u-md-1-5">
             <label class="pure-u-23-24">
               標高の最大値
-              <input id="maxAltitude" type="number" placeholder="[m]" step="0.1" />
+              <input id="maxAltitude" class="pure-u-1" type="number" placeholder="[m]" step="0.1" />
             </label>
           </div>
           <div class="pure-u-1">
@@ -110,17 +110,17 @@
             <div class="pure-u-1 pure-u-md-1-5">
               <label class="pure-u-23-24">
                 幅
-                <input id="exportImageWidth" type="number" placeholder="[px]" step="1" min="0" />
+                <input id="exportImageWidth" class="pure-u-1" type="number" placeholder="[px]" step="1" min="0" />
               </label>
             </div>
             <div class="pure-u-1 pure-u-md-1-5">
               <label class="pure-u-23-24">
                 高さ
-                <input id="exportImageHeight" type="number" placeholder="[px]" step="1" min="0" />
+                <input id="exportImageHeight" class="pure-u-1" type="number" placeholder="[px]" step="1" min="0" />
               </label>
             </div>
-            <div class="pure-u-1 pure-u-md-1-5">
-              <label class="pure-u-23-24">
+            <div class="pure-u-1 pure-u-md-2-5">
+              <label class="pure-u-1">
                 分割地点
                 <input id="" type="text" placeholder="50, 100, 150" pattern="^[0-9]+(( *, *)([0-9]+))*$" />
                 <span class="pure-form-message">※カンマ(,)区切りで複数指定できます</span>