Put graph in smart meter box

static/css/main.css

@@ -54,3 +54,8 @@ body {
 .smart_meter_info {
     margin-left: 5%;
 }
+
+.chart {
+    width: 600px;
+    height: 400px;
+}
\ No newline at end of file

templates/main.html

@@ -46,30 +46,9 @@
                     {% endif %}
                     {% endfor %}
                 </ul>
-            </div>
-        </div>
-    </div>
-    <div class="inputs">
-        {% if display_change_kWh == True %}
-            <form action="{{ url_for('handle_change_kWh') }}" method="post">
-                Change cost per kWh: <input type="text" name="kWhprice" required>
-                <input type="submit">
-            </form>
-        {% endif %}
-
-        {% if display_new_device_form == True %}
-            <div class=".add_new_device_form">
-                    <form action="{{ url_for('handle_new_device') }}" method="post">
-                        New device name: <input type="text" name="new_device_name" required> <br>
-                        New device wattage: <input type="number" name="new_device_wattage" required> <br>
-                        <input type="submit">
-                    </form>
-            </div>
-        {% endif %}
-
-    </div>
 
-<canvas id="chart" width="600" height="400"></canvas>
+{#            <div class="chart">#}
+                <canvas class="chart" ></canvas>
                 <script>
                   // bar chart data
                   var barData = {
@@ -108,5 +87,28 @@
                  );
                 </script>
 
+{#            </div>#}
+            </div>
+        </div>
+    </div>
+    <div class="inputs">
+        {% if display_change_kWh == True %}
+            <form action="{{ url_for('handle_change_kWh') }}" method="post">
+                Change cost per kWh: <input type="text" name="kWhprice" required>
+                <input type="submit">
+            </form>
+        {% endif %}
+
+        {% if display_new_device_form == True %}
+            <div class=".add_new_device_form">
+                    <form action="{{ url_for('handle_new_device') }}" method="post">
+                        New device name: <input type="text" name="new_device_name" required> <br>
+                        New device wattage: <input type="number" name="new_device_wattage" required> <br>
+                        <input type="submit">
+                    </form>
+            </div>
+        {% endif %}
+
+    </div>
 </body>
 </html>