css fix

src/components/Details.svelte

@@ -21,6 +21,15 @@
   onMount(fetchData);
 </script>
 
-<div>
+<div class="body">
   <DeviceDetails {deviceLog} />
 </div>
+
+<style>
+  .body {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-direction: column;
+  }
+</style>

src/libs/DeviceDetails.svelte

@@ -32,4 +32,65 @@
 </div>
 
 <style>
-</style>
+    .table-wrapper {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      margin-top: 20px;
+      flex-direction: column;
+      background-color: white;
+      width: 95%;
+      border-radius: 4px;
+      box-shadow: 0px 2px 4px rgba(0, 0, 3, 0.05);
+    }
+    .table {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+    }
+    .table-head-item {
+      width: 100%;
+      display: flex;
+      justify-content: start;
+      align-items: center;
+      padding: 5px 10px 10px 10px;
+      color: #535151;
+      font-size: 16px;
+    }
+    .table-row {
+      display: flex;
+      width: 100%;
+      text-decoration: none;
+      color: inherit;
+    }
+    .table-body-item {
+      width: calc(100% / 7);
+      display: flex;
+      justify-content: start;
+      padding: 5px 10px 10px 10px;
+    }
+    .table-head {
+      font-size: 15px;
+    }
+    .divider {
+      width: 100%;
+      background-color: #f2f2f2;
+      height: 1px;
+    }
+    /* Link bileşeni üzerinde cursor:pointer stilini uygulama */
+    :global(.svelte-routing-link) {
+      display: flex;
+      width: 100%;
+      text-decoration: none;
+      color: inherit;
+    }
+    :global(.svelte-routing-link:hover) {
+      cursor: pointer;
+      display: flex;
+      width: 100%;
+      text-decoration: none;
+      color: inherit;
+      background-color: #f3f3f3;
+    }
+  </style>