Rearranged admin panel site navigation

skolehjem/resources/sass/admin/nav/nav.scss

@@ -4,16 +4,18 @@
     min-width: 194px;
 }
 
-.segment {
-    margin-bottom: 1.25rem;
-}
-
 .segment > h3 {
     margin-left: -1rem;
     margin-top: 0;
-    width: calc(100% + 2rem);
-    background-color: rgba(0,0,0, 0.2);
+    width: calc(100% + 1rem);
     text-align: center;
+    margin-bottom: 0;
+    font-size: 1.15em;
+}
+
+.segment > h3 > a {
+    padding: 1rem 2rem;
+    display: block;
 }
 
 .segment > div {
@@ -23,8 +25,8 @@
     margin-bottom: .5rem;
 }
 
-.segment > div:hover {
-    background-color: rgba(0,0,0,0.2);
+.segment > h3:hover {
+    background-color: rgba(0,0,0, 0.2);
 }
 
 .segment > div > a > img {
@@ -35,3 +37,13 @@
 .segment > div > a {
 
 }
+
+.btn-inline {
+    display: inline-flex;
+    align-items: center;
+}
+
+.btn-inline > img {
+    height: 1em;
+    margin-right: 4px;
+}