Simplified single-site network overview. Added Jules Jordan favicons.

public/css/style.css

@@ -292,7 +292,7 @@
 /* $primary: #ff886c; */
 /* $logo-highlight: drop-shadow(1px 0 0 $highlight-weak) drop-shadow(-1px 0 0 $highlight-weak) drop-shadow(0 1px 0 $highlight-weak) drop-shadow(0 -1px 0 $highlight-weak); */
 .banner[data-v-42bb19c4] {
-  background: #222;
+  background: #333;
   flex-shrink: 0;
   white-space: nowrap;
   overflow-x: auto;
@@ -684,6 +684,11 @@
           justify-content: stretch;
   overflow-y: auto;
 }
+.network.nosites[data-v-e2e12602] {
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+            flex-direction: column;
+}
 .content-inner[data-v-e2e12602] {
   padding: 0;
 }
@@ -723,13 +728,22 @@
 .header[data-v-e2e12602] {
   width: 100%;
   height: 3rem;
-  display: none;
+  display: -webkit-box;
+  display: flex;
   flex-shrink: 0;
   -webkit-box-pack: center;
           justify-content: center;
   border-bottom: solid 1px rgba(0, 0, 0, 0.1);
   background: #222;
 }
+.header.hideable[data-v-e2e12602] {
+    display: none;
+}
+.header .logo[data-v-e2e12602] {
+    max-width: 20rem;
+    height: 100%;
+    padding: .5rem;
+}
 .sites.compact[data-v-e2e12602] {
   display: none;
   background: #222;
@@ -746,7 +760,8 @@
   font-weight: bold;
 }
 @media (max-width: 720px) {
-.header[data-v-e2e12602] {
+.header[data-v-e2e12602],
+  .header.hideable[data-v-e2e12602] {
     display: -webkit-box;
     display: flex;
 }
@@ -765,11 +780,6 @@
     -webkit-box-direction: normal;
             flex-direction: column;
 }
-.logo[data-v-e2e12602] {
-    max-width: 20rem;
-    height: 100%;
-    padding: .5rem;
-}
 .sidebar[data-v-e2e12602] {
     display: none;
     height: auto;