Alligned form input boxes

static/css/main.css

@@ -59,4 +59,15 @@ body {
 .chart_title {
     text-decoration: underline;
     text-align: center;
+}
+
+.add_new_device_form {
+    width: 100%;
+}
+
+label{
+    width: 50%;
+}
+input {
+    width: 50%;
 }
\ No newline at end of file

templates/main.html

@@ -38,7 +38,7 @@
         {% endif %}
 
         {% if display_new_device_form == True %}
-            <div class=".add_new_device_form">
+            <div class="add_new_device_form">
                     <form action="{{ url_for('handle_new_device') }}" method="post">
                         <label>New device name:</label> <input type="text" name="new_device_name" required> <br>
                         <label>New device wattage:</label> <input type="number" name="new_device_wattage" required> <br>