Refined network layout

assets/components/networks/network.vue

@@ -152,18 +152,18 @@ export default {
 }
 
 .sidebar {
+    background: $profile;
     height: 100%;
     width: 18rem;
     display: flex;
     flex-direction: column;
     flex-shrink: 0;
-    border-right: solid 1px $shadow-hint;
     color: $text-contrast;
     overflow: hidden;
 }
 
 .sidebar .title {
-    border-bottom: solid 1px $shadow-hint;
+    border-bottom: solid 1px $highlight-hint;
 }
 
 .logo {
@@ -189,10 +189,14 @@ export default {
 
 .sites.compact {
     display: none;
+    background: $profile;
+    grid-row: 1;
 }
 
 .expand {
     display: none;
+    color: $text-contrast;
+    background: $profile;
     padding: .5rem;
     text-align: center;
     cursor: pointer;