Improve dash design

resources/assets/styles/components/miscellaneous.css

@@ -26,3 +26,45 @@ code {
         animation: offlineblink 2s infinite alternate;
     }
 }
+
+/**
+ * Usage indicator labels for the server listing.
+ */
+.usage {
+    @apply .flex-1 .text-center .relative;
+
+    & > .indicator-title {
+        @apply .text-xs .uppercase .font-hairline .bg-white .absolute .text-grey;
+        margin-top:-9px;
+        padding: 0 8px;
+        left: 50%;
+        transform: translate(-50%, 0);
+    }
+}
+
+/**
+ * Flex boxes for server listing on user dashboard.
+ */
+.server-box {
+    @apply .pb-4;
+
+    @screen smx {
+        @apply .w-1/2 .pr-4;
+
+        &:nth-of-type(2n) {
+            padding-right: 0;
+        }
+    }
+
+    @screen md {
+        @apply .w-1/3 .pr-4;
+
+        &:nth-of-type(3n) {
+            padding-right: 0;
+        }
+    }
+
+    & > .content {
+        @apply .border .border-grey-light .bg-white .rounded .p-4 .justify-between .leading-normal;
+    }
+}