diff --git a/index.html b/index.html
index 32a574b..629bbf0 100644
--- a/index.html
+++ b/index.html
@@ -19,46 +19,6 @@
         <hr/>
         <div id="main-content">
             <div id="controls">
-                <div class="group">
-                <h3>Axis 1</h3>
-                    <div class="input">
-                        <p>Title:</p>
-                        <input id="axis-1-title" value="axis 1"/>
-                    </div>
-                    <div class="input">
-                        <p>Start value:</p>
-                        E<input type="number" id="axis-1-start" value="0"/>
-                        <button id="axis-1-start-down">▼</button>
-                        <button id="axis-1-start-up">▲</button>
-                    </div>
-                </div>
-                <div class="group">
-                <h3>Axis 2</h3>
-                    <div class="input">
-                        <p>Title:</p>
-                        <input id="axis-2-title" value="axis 2"/>
-                    </div>
-                    <div class="input">
-                        <p>Start value:</p>
-                        E<input type="number" id="axis-2-start" value="0"/>
-                        <button id="axis-2-start-down">▼</button>
-                        <button id="axis-2-start-up">▲</button>
-                    </div>
-                </div>
-                <div class="group">
-                <h3>Axis 3</h3>
-                    <div class="input">
-                        <p>Title:</p>
-                        <input id="axis-3-title" value="axis 3"/>
-                    </div>
-                    <div class="input">
-                        <p>Start value:</p>
-                        E<input type="number" id="axis-3-start" value="0"/>
-                        <button id="axis-3-start-down">▼</button>
-                        <button id="axis-3-start-up">▲</button>
-                    </div>
-                </div>
-                
                 <div class="input">
                     <p>Axis title text size (px):</p>
                     <input type="number" id="axis-title-size" value="16"/>
@@ -73,7 +33,7 @@
                 </div>
                 <div class="input">
                     <p>Ticks:</p>
-                    <input type="number" id="ticks" value="10"/>
+                    <input type="number" id="ticks" value="9"/>
                     <button id="ticks-down">▼</button>
                     <button id="ticks-up">▲</button>
                 </div>
@@ -83,6 +43,49 @@
                     <button id="tick-size-down">▼</button>
                     <button id="tick-size-up">▲</button>
                 </div>
+
+                <div class="group">
+                <h3>Axis 1</h3>
+                    <div class="input">
+                        <p>Title:</p>
+                        <input id="axis-1-title" value="Axis 1"/>
+                    </div>
+                    <div class="input">
+                        <p>Start value:</p>
+                        <p>E</p>
+                        <input type="number" id="axis-1-start" value="0"/>
+                        <button id="axis-1-start-down">▼</button>
+                        <button id="axis-1-start-up">▲</button>
+                    </div>
+                </div>
+                <div class="group">
+                <h3>Axis 2</h3>
+                    <div class="input">
+                        <p>Title:</p>
+                        <input id="axis-2-title" value="Axis 2"/>
+                    </div>
+                    <div class="input">
+                        <p>Start value:</p>
+                        <p>E</p>
+                        <input type="number" id="axis-2-start" value="0"/>
+                        <button id="axis-2-start-down">▼</button>
+                        <button id="axis-2-start-up">▲</button>
+                    </div>
+                </div>
+                <div class="group">
+                <h3>Axis 3</h3>
+                    <div class="input">
+                        <p>Title:</p>
+                        <input id="axis-3-title" value="Axis 3"/>
+                    </div>
+                    <div class="input">
+                        <p>Start value:</p>
+                        <p>E</p>
+                        <input type="number" id="axis-3-start" value="0"/>
+                        <button id="axis-3-start-down">▼</button>
+                        <button id="axis-3-start-up">▲</button>
+                    </div>
+                </div>
                 <a id="download-button">
                     <button>Download SVG</button>
                 </a>
diff --git a/src/TernaryGraph.purs b/src/TernaryGraph.purs
index 69bc2a6..ebb38bd 100644
--- a/src/TernaryGraph.purs
+++ b/src/TernaryGraph.purs
@@ -137,9 +137,9 @@ unfragment (XMLFragment frag) = frag
 ternaryGraphSvg :: Array XMLFragment -> String
 ternaryGraphSvg fragments = """<?xml version="1.0" encoding="UTF-8"?>
   <svg
-    width="150mm"
-    height="120mm"
-    viewBox="-50 -50 200 250"
+    width="110mm"
+    height="80mm"
+    viewBox="-75 -50 250 220"
     version="1.1"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
diff --git a/ternary-graph.css b/ternary-graph.css
index 3523226..3cd37fe 100644
--- a/ternary-graph.css
+++ b/ternary-graph.css
@@ -4,6 +4,7 @@ button {
   border-right-color: #B3B3B3;
   border-left-color: #E3E3E3;
   border-top-color: #E3E3E3;
+  height: 2em;
 }
 
 #controls {
@@ -23,6 +24,8 @@ input {
   border-right-color: #E3E3E3;
   border-left-color: #B3B3B3;
   border-top-color: #B3B3B3;
+  height: 2em;
+  box-sizing: border-box;
 }
 
 input[type="number"] {
@@ -35,19 +38,24 @@ input[type="number"] {
 .input {
   display: flex;
   flex-direction: row;
-  height: 1.5em;
   margin-bottom: 0.4em;
+  width: auto;
 }
 
 #main-content {
-    flex-direction: row;
+  flex-direction: row;
+  flex-wrap: wrap;
 }
 
 p {
-    margin: auto;
-    margin-right: 0.5em;
+  margin: auto;
+  margin-right: 0.5em;
 }
 
 #svg-container {
-    margin: auto;
+  margin: auto;
+}
+
+svg {
+  width: 100%
 }
\ No newline at end of file