#10 Started to create a table for administrating users

static/css/admin.css

@@ -1,50 +1,38 @@
-/* Resetting default table styles */
+.user-container {
+  display: flex;
+  justify-content: center;
+  width: 80%;
+}
 table {
-    border-collapse: collapse;
-    width: 100%;
-    margin-bottom: 20px;
-  }
+  width: 80%;
+}
+
+/****** table style ******/
+table tbody>tr>td:last-child{
+  text-align: center;
+}
+
+.table.table-style {
   
-  /* Styling table headers */
-  th {
-    background-color: #f2f2f2;
-    color: #333;
-    font-weight: bold;
-    padding: 10px;
-    text-align: left;
-  }
+}
+
+.table.table-style tr td:last-child {
   
-  /* Styling table rows */
-  tr:nth-child(even) {
-    background-color: #f9f9f9;
-  }
-  
-  tr:hover {
-    background-color: #f2f2f2;
-  }
-  
-  /* Styling table data cells */
-  td {
-    padding: 10px;
-  }
-  
-  /* Add a border to the bottom of the header row */
-  th {
-    border-bottom: 2px solid #ddd;
-  }
-  
-  /* Add a border to all other rows and cells */
-  tr:not(:first-child) {
-    border-top: 1px solid #ddd;
-  }
-  
-  td {
-    border-bottom: 1px solid #ddd;
-  }
-  
-  /* Responsive table */
-  @media (max-width: 768px) {
-    table {
-      overflow-x: auto;
-    }
-  }
+}
+
+.table.table-style > thead > tr > td,
+.table.table-style > tbody > tr > td,
+.table.table-style > tfoot > tr > td {
+  padding-left: 10px;
+}
+
+.table.table-style tr {
+}
+
+.table.table-style tbody > tr {
+  background-color: var(--bg-secondary);
+}
+
+.table.table-style tbody > tr:nth-child(even) {
+  background-color: var(--bg-grad-1);
+}

static/css/style.css

@@ -1,8 +1,8 @@
 :root {
     --bg: #282c34;
     --bg-secondary: #474d57;
-    --bg-grad-1: #484e58;
-    --bg-grad-2: #4e5560;
+    --bg-grad-1: rgb(55, 57, 62);
+    --bg-grad-2: #3b3e42;
     --bg-grad-3: #59616d;
     --bg-grad-4: #606a7b;
     --bg-grad-5: #606978;