styling

static/css/main.css

@@ -19,6 +19,10 @@ body {
     /*height: 90%;*/
 }
 
+.device_list_title {
+    text-decoration: underline;
+}
+
 .device_list {
     width: 25%;
     margin-left: 5%;
@@ -26,8 +30,8 @@ body {
     border-bottom: 1px solid black;
 }
 
-.device_list_title {
-    text-decoration: underline;
+.add_device {
+    text-align: center;
 }
 
 .smart_meter {

templates/main.html

@@ -28,9 +28,11 @@
                     {% endif %}
             {% endif %}
         {% endfor %}
+
+        <p class="add_device"><a href="/devices/add_device">Add device</a></p>
+
     </div>
 
-    <p><a href="/devices/add_device">Add device</a></p>
 
     {% if display_change_kWh == True %}
         <form action="{{ url_for('handle_change_kWh') }}" method="post">