Rewrite /servers

1 files changed, 24 insertions, 59 deletions

diff --git a/public/assets/custom.css b/public/assets/custom.css
index ef2d2e2..fac1ef7 100644
--- a/public/assets/custom.css
+++ b/public/assets/custom.css
@@ -124,76 +124,41 @@ html, body {
     padding: 5px;
 }
 
-.server p, .server span {
+.server p {
     margin-left: 5px;
 }
 
-.server .category-container {
-    display: grid;
-    grid-template-columns: 20% 20% 20% 20% 20%;
-}
-
-.server .category {
-    margin: 2.5px;
-
-    border-style: solid;
-    border-color: #3a3a3a;
-    border-radius: 10px;
-
-    background-color: #444444;
+.navbar-nohero {
+    background-color: #353535 !important;
 }
 
-.server .category .name {
-    border-style: none none solid none;
-    border-color: #3a3a3a;
-    padding: 5px;
+.server-data, .server-data-2 {
+    display: grid;
+    text-align: center;
+    grid-template-columns: 1fr 1fr 1fr;
+    grid-column-gap: 5px;
 }
 
-.server .category .item {
-    border-style: solid none solid none;
-    border-color: #404040;
-    /*border-radius: 5px;
-
-    background-color: #464646;*/
+.server-item-icon {
+    filter: invert(1);
+    vertical-align: middle;
+    width: 24px;
+    height: 24px;
 }
 
-.server .category .item p {
-    /*border-style: none none solid none;
-    border-color: #404040;*/
-    padding: 2.5px;
-    margin: 0;
-
-    font-size: 1.05em;
-    font-weight: bold;
-}
-.server .category .item span {
-    padding: 2.5px;
+.server-item-text {
+    vertical-align: middle;
+    display: inline-block;
 }
 
-.server .category .item.start {
-    border-style: none none solid none;
-}
-.server .category .item.last {
-    border-style: solid none none none;
+@media (max-width: 993px) {
+    .server-data {
+        grid-template-columns: 1fr 1fr;
+    }
 }
 
-.server .category.cpu {
-    grid-column-start: 1;
-    grid-column-end: 1;
-}
-.server .category.processes {
-    grid-column-start: 2;
-    grid-column-end: 2;
-}
-.server .category.swap-memory {
-    grid-column-start: 3;
-    grid-column-end: 3;
-}
-.server .category.physical-memory {
-    grid-column-start: 4;
-    grid-column-end: 4;
-}
-.server .category.os {
-    grid-column-start: 5;
-    grid-column-end: 5;
+@media (max-width: 575px) {
+    .server-data {
+        grid-template-columns: 1fr;
+    }
 }
\ No newline at end of file