works

graph.js

@@ -75,7 +75,7 @@ var n = boundaries[meatType].length*2+1, // number of layers
     yGroupMax = d3.max(layers, function(layer) { return d3.max(layer, function(d) { return d.y; }); }),
     yStackMax = d3.max(layers, function(layer) { return d3.max(layer, function(d) { return d.y0 + d.y; }); });
 
-var margin = {top: 10, right: 10, bottom: 100, left: 50},
+var margin = {top: 50, right: 10, bottom: 100, left: 50},
     width = 960 - margin.left - margin.right,
     height = 300 - margin.top - margin.bottom;
 

perfectSteak.css

@@ -1,6 +1,6 @@
 .inputTable{
 	position: relative;
-	width: 100% !important;
+	width: 120% !important;
 	text-align: center;
 /*	left: 10% !important;*/
 }
@@ -15,16 +15,18 @@
 .table-container{
     overflow-x: hidden;
     overflow-y: auto;
-    width:100%;
+    width:120%;
     height:160px;
 	font-size: 10px;
    }
 th{
 	font-size: 8px;
 
+
 }
 td{
     height: 30px !important;
+
 }
 #addButton{
 
@@ -66,30 +68,18 @@ input[type="text"] {
     font-size: 12px;
     width: 40px;
 
-	margin-right:10px;
+	margin-right:0px;
 }
 #thickInpDiv, #tempInpDiv, #meatTypeDiv{
 	padding: 5px;
 	margin:5px;
-	width:80px;!important
+	width:80px;!important;
 	  font-size: 12px;
 }
-
-.toggleSwitch {
-    width: ...;
-    height: ...;
-    /* add other styling as appropriate to position element */
-    position: relative;
-}
-.slider {
-    background-image: url(...);
-    position: absolute;
-    width: ...;
-    height: ...;
-}
-.slider.on {
-    right: 0;
+.btn-mini{
+	width:25px!important;
+	padding:0px!important;
+	margin:0px !important;
+	position: relative !important;
+	top:-5px!important;
 }
-.slider.off {
-    left: 0;
-}