From 544dc06bfa0da1d64c3a86532f6bf5d3886b800c Mon Sep 17 00:00:00 2001
From: Jens True <jens.chr.true@gmail.com>
Date: Mon, 11 Apr 2022 14:15:26 +0000
Subject: [PATCH] Add calc button. Better layout

---
 layouts/shortcodes/splice/calc_loop.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/layouts/shortcodes/splice/calc_loop.html b/layouts/shortcodes/splice/calc_loop.html
index dbf872d..44cab83 100644
--- a/layouts/shortcodes/splice/calc_loop.html
+++ b/layouts/shortcodes/splice/calc_loop.html
@@ -39,19 +39,21 @@ function Calculate(obj)
 
         <label for="loop_dia">Loop diameter (in centimeter)</label>
         <input type="number" min="0" step=".1" class="form-control form-control-lg" id="loop_dia" aria-describedby="emailHelp" placeholder="Enter loop diameter" onChange="Calculate(this.form)">
+
+        <button onClick="Calculate(this.form)" class="btn btn-primary">Calculate</button>
     </div>
         <hr>
     <div class="form-group">
-        <label for="idia" class="col-sm-2 col-form-label">Loop size (Diameter of double braid)</label>
+        <label for="idia">Loop size (Diameter of double braid)</label>
         <input type="text" readonly class="form-control-plaintext" id="idia">
      
-        <label for="length" class="col-sm-2 col-form-label">Total rope needed</label>
+        <label for="length">Total rope needed</label>
         <input type="text" readonly class="form-control-plaintext" id="length">
 
-        <label for="mark" class="col-sm-2 col-form-label">From center mark</label>
+        <label for="mark">From center mark</label>
         <input type="text" readonly class="form-control-plaintext" id="mark">
      
-        <label for="length_extended" class="col-sm-2 col-form-label">Tip to tip</label>
+        <label for="length_extended">Tip to tip</label>
         <input type="text" readonly class="form-control-plaintext" id="length_extended">
     </div>
 </form> 
\ No newline at end of file