device table header

frontend/devices/index.html

@@ -23,6 +23,9 @@
               </span>
             </div>
           </div>
+          <div class="addDeviceContainer">
+            <button class="addDevice">Add Device</button>
+          </div>
       <table>
         <tr>
           <th>Id</th>

frontend/styles/devices.css

@@ -0,0 +1,28 @@
+table {
+    margin: 20px;
+    font-family: arial, sans-serif;
+    border-collapse: collapse;
+    width: 100%;
+  }
+  
+  td,
+  th {
+    border: 1px solid #dddddd;
+    text-align: left;
+    padding: 8px;
+  }
+  
+  tr:nth-child(even) {
+    background-color: #dddddd;
+}
+
+.addDeviceContainer{
+    margin-top: 20px;
+    display: flex;
+    justify-content: flex-end;
+}
+
+.addDevice{
+    width: 120px;
+    margin: 0 20px 0 0;
+}

frontend/styles/home.css

@@ -8,6 +8,7 @@ body {
 }
 
 table {
+  margin: 20px;
   font-family: arial, sans-serif;
   border-collapse: collapse;
   width: 100%;