From 8f6f33229219b8f8acbfbd5cda2be61435b70e22 Mon Sep 17 00:00:00 2001
From: LilleBRG <lillebrgmc@gmail.com>
Date: Tue, 25 Mar 2025 16:20:08 +0100
Subject: [PATCH] device table header

---
 frontend/devices/index.html |  3 +++
 frontend/styles/devices.css | 28 ++++++++++++++++++++++++++++
 frontend/styles/home.css    |  1 +
 3 files changed, 32 insertions(+)

diff --git a/frontend/devices/index.html b/frontend/devices/index.html
index 282e280..9348c45 100644
--- a/frontend/devices/index.html
+++ b/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>
diff --git a/frontend/styles/devices.css b/frontend/styles/devices.css
index e69de29..68dcbb1 100644
--- a/frontend/styles/devices.css
+++ b/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;
+}
\ No newline at end of file
diff --git a/frontend/styles/home.css b/frontend/styles/home.css
index 2cb0679..ece1235 100644
--- a/frontend/styles/home.css
+++ b/frontend/styles/home.css
@@ -8,6 +8,7 @@ body {
 }
 
 table {
+  margin: 20px;
   font-family: arial, sans-serif;
   border-collapse: collapse;
   width: 100%;