Start work on VolumesView.vue

dashboard/src/theme.scss

@@ -352,7 +352,7 @@ html, body {
     display: block;
     width: 100%;
     flex-grow: 0;
-    background-color: var(--navbar-background);
+    background-color: unset;
     border-color: white;
 
     @media(min-width:768px) {
@@ -380,12 +380,12 @@ html, body {
 }
 
 .nav-sidebar {
-    margin: 0 10px 0 10px;
+    margin: 0 20px 0 0;
     min-width: 200px;
-    // background-color: white;
     overflow: hidden;
     display: flex;
     flex-direction: column;
+    // background-color: var(--navbar-background);
 }
 
 .nav-sidebar-list {
@@ -402,7 +402,9 @@ html, body {
 }
 
 .nav-sidebar-item i {
-    display: none;
+    // display: none;
+    opacity: 0.5;
+    margin-right: 10px;
 }
 
 .nav-sidebar-item.active {
@@ -417,6 +419,11 @@ html, body {
     color: white;
 }
 
+.nav-sidebar-item.active i ,
+.nav-sidebar-item:hover i {
+    opacity: 1;
+}
+
 .panel-body {
     padding: 15px 0;
 }
@@ -442,6 +449,10 @@ h1, h2, h3 {
     }
 }
 
+h1 {
+    font-size: 28px;
+}
+
 .view-header {
     padding-left: 15px;
     padding-right: 20px;