Rearranged admin panel site navigation

skolehjem/public/css/admin.css

@@ -6588,16 +6588,18 @@ main {
   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 {
@@ -6607,7 +6609,7 @@ main {
   margin-bottom: 0.5rem;
 }
 
-.segment > div:hover {
+.segment > h3:hover {
   background-color: rgba(0, 0, 0, 0.2);
 }
 
@@ -6616,6 +6618,16 @@ main {
   padding-right: 8px;
 }
 
+.btn-inline {
+  display: inline-flex;
+  align-items: center;
+}
+
+.btn-inline > img {
+  height: 1em;
+  margin-right: 4px;
+}
+
 .directorypath {
   border-radius: 2px;
   background-color: #333333;