From a982632b1cc3218d74acec2b5f6a69ffc5e97ead Mon Sep 17 00:00:00 2001
From: pommicket <leonardomtenenbaum@gmail.com>
Date: Wed, 31 Aug 2016 14:58:23 -0400
Subject: Cleaned up code and improved website layout.

---
 modularcircles.html | 38 ++++++++++++++++++++++++++++++++++----
 1 file changed, 34 insertions(+), 4 deletions(-)

(limited to 'modularcircles.html')

diff --git a/modularcircles.html b/modularcircles.html
index 21fbec8..84fa6be 100644
--- a/modularcircles.html
+++ b/modularcircles.html
@@ -13,10 +13,40 @@
 
         <p>Each point corresponds to a number. The points are connected based on rules.</p>
 
+        <div class="container-fluid">
+            <div class="row">
+    			<div class="input-group input-group-md col-lg-3 col-md-6 col-sm-8 col-xs-10">
+                    <span class="input-group-addon">Number of points</span>
+                    <input id="npoints" class="form-control" type="number" value="300">
+                </div>
+            </div>
+            <br>
+            <div class="row">
+    			<div class="input-group input-group-md col-lg-3 col-md-6 col-sm-8 col-xs-10">
+                    <span class="input-group-addon">Add/Multiply</span>
+                    <input id="amount" class="form-control" type="number" value="2">
+                </div>
+            </div>
+            <br>
+            <div class="row with-margin">
+    			<div class="input-group input-group-md col-lg-3 col-md-6 col-sm-8 col-xs-10">
+                    <span class="input-group-addon">
+                        <input id="should_mul" class="checkbox" type="radio" value="multiply" name="muloradd" checked="true">
+                    </span>
+                    <span class="form-control">Multiply?</span>
+                </div>
+            </div>
+            <div class="row">
+    			<div class="input-group input-group-md col-lg-3 col-md-6 col-sm-8 col-xs-10">
+                    <span class="input-group-addon">
+                        <input id="should_add" type="radio" value="add" name="muloradd" class="checkbox">
+                    </span>
+                    <span class="form-control">Add?</span>
+                </div>
+            </div>
+        </div>
+        <br>
+
         <script src="js/modularcircles.js"></script>
-        Number of points: <input min="1" value="300" type="number" id="npoints"><br>
-        Add/Multiply: <input value="2" step="0.2"  type="number" id="amount"><br>
-        Multiply? <input id="should_mul" type="radio" value="multiply" name="muloradd" checked="true"><br>
-        Add? <input id="should_add" type="radio" value="add" name="muloradd"><br>
     </body>
 </html>
-- 
cgit v1.2.3