clearfix fix for progressguage and thermometer layouting

css/styles.css

@@ -454,7 +454,6 @@ PROGRESS GUAGE
 .progressbarCanvasContainerParent {
 	position: relative;
 	width: 100%;
-	padding-top: 5px;
 }
 
 #progressbarCanvasContainer {
@@ -477,6 +476,7 @@ padding: 5px;
 	-ms-transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 	transition: right 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 	right: -60%;
+	margin-top: 5%;
 }
 
 #progressbarCanvas {
@@ -497,7 +497,7 @@ THERMOMETER
 .thermometerContainerParent {
 	position: relative;
 	width: 100%;
-	padding-top: 5px;
+	padding-top: 10px;
 }
 
 #thermometerContainer {

index.html

@@ -40,22 +40,9 @@
   <!-- right panel -->
   <div class="rightpanel shadowleft">
     <!--<div class='sidebutton shadowleft'></div>-->
-    <!--<div><img class="btnPrint btn" src="img/buttons/btnPrint.png" /></div>-->
-    <!--<div><img class="btnStop btn disabled" src="img/buttons/btnStop.png" /></div>-->
-    <div class="clearfix">
-      <img class="btnPrint btn" src="img/buttons/btnPrint.png" />
-    </div>
-    <div class="clearfix">
-      <img class="btnStop btn disabled" src="img/buttons/btnStop.png" />
-    </div>
-    <!-- not now
-    <div id="printProgressContainer">
-      <label for="progressbarContainer">Progress:</label><span class="progressAmount">0%</span>
-      <div id="progressbarContainer">
-        <div id="progressbar"></div>
-      </div>
-    </div>
-    -->
+    <img class="btnPrint btn clearfix" src="img/buttons/btnPrint.png" />
+    <img class="btnStop btn clearfix disabled" src="img/buttons/btnStop.png" />
+
     <div class="progressbarCanvasContainerParent clearfix">
       <div id="progressbarCanvasContainer">
         <canvas id="progressbarCanvas" width="93" height="82"></canvas>

js/main.js

@@ -71,7 +71,10 @@ $(function() {
     $("#preview_tmp").css("display", "block");
     
     $("#debug_display").css("display", "block");
-    
+
+    // show and hide the progressguage and thermometer
+    showhideInterval = setInterval(showOrHideThermo, 2500);
+
 //    $("#debugContainer").css("display", "block");
 
     /* TEMP CODE!! -> artificially populates the startgcode and endgcode textareas in the settings window */
@@ -98,7 +101,6 @@ $(function() {
     }, 1000);
     //*/
   }
-  showhideInterval = setInterval(showOrHideThermo, 2500);
 });
 
 var showhideInterval;

less/base_rightpanel.less

@@ -64,7 +64,6 @@
 .progressbarCanvasContainerParent {
   position:relative;
   width:100%;
-  padding-top: 5px;
 }
 #progressbarCanvasContainer {
   position: relative;
@@ -82,6 +81,7 @@
 
   transition: right .40s cubic-bezier(0.68, -0.55, 0.265, 1.55);
   right: -60%;
+  margin-top: 5%;
 }
 
 #progressbarCanvas {
@@ -109,7 +109,7 @@
 .thermometerContainerParent {
   position:relative;
   width:100%;
-  padding-top: 5px;
+  padding-top: 10px;
 }
 #thermometerContainer {
   position: relative;