Fix some alignment

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%
 }