MOre web bs

static/css/base.css

@@ -5,14 +5,19 @@ body,html {
 }
 
 .nav {
+    position: fixed;
     display: flex;
+    top: 0;
     list-style: none;
     gap: 10px;
     background: gray;
     padding: 8px;
     margin: 0px;
+    width: 99.5%;
+}
+main {
+    padding-top: 50px
 }
-
 .right {
     margin-left: auto;
 }
@@ -40,8 +45,8 @@ body,html {
 }
 
 footer {
-    position: absolute;
-    bottom: 0px;
+    position: sticky;
+    bottom: 0;
     width: 100%;
     padding: 5px;
     padding-left: 10px;

static/css/clients/index.css

@@ -0,0 +1,41 @@
+
+
+.table {
+    margin: 0 auto;
+    width: 80%;
+    font-size: 0.95rem;
+    border-radius: 8px;
+    overflow: hidden;
+    border-collapse: collapse;
+    border: 5px double black;
+}
+
+
+.table-header {
+    border: 5px double black;
+}
+
+.table-header-item {
+    padding-top: 1px;
+    padding-bottom: 1px;
+    padding-left: 5px;
+    padding-right: 1px;
+    border: 1px solid black;
+    border-left: 0.5px thin gray;
+    border-right: 0.5px thin gray;
+}
+
+
+.table-body {
+    border: 5px double black;
+}
+
+.table-cell {
+    padding-top: 1px;
+    padding-bottom: 1px;
+    padding-left: 5px;
+    padding-right: 1px;
+    border: 1px solid black;
+    border-left: 0.5px thin gray;
+    border-right: 0.5px thin gray;
+}