Refined network layout

public/css/style.css

@@ -636,6 +636,9 @@
 .sites.expanded[data-v-7bebaa3e] {
     grid-template-columns: repeat(2, 0.5fr);
 }
+.logo[data-v-7bebaa3e] {
+  width: 15rem;
+}
 
 /* $primary: #ff886c; */
 @media (max-width: 1200px) {
@@ -664,6 +667,7 @@
   padding: 1rem;
 }
 .sidebar[data-v-e2e12602] {
+  background: #222;
   height: 100%;
   width: 18rem;
   display: -webkit-box;
@@ -672,12 +676,11 @@
   -webkit-box-direction: normal;
           flex-direction: column;
   flex-shrink: 0;
-  border-right: solid 1px rgba(0, 0, 0, 0.1);
   color: #fff;
   overflow: hidden;
 }
 .sidebar .title[data-v-e2e12602] {
-  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
+  border-bottom: solid 1px rgba(255, 255, 255, 0.075);
 }
 .logo[data-v-e2e12602] {
   width: 100%;
@@ -705,9 +708,13 @@
 }
 .sites.compact[data-v-e2e12602] {
   display: none;
+  background: #222;
+  grid-row: 1;
 }
 .expand[data-v-e2e12602] {
   display: none;
+  color: #fff;
+  background: #222;
   padding: .5rem;
   text-align: center;
   cursor: pointer;