Rework header bar

css/usertools.less

@@ -1,49 +1,27 @@
-#dokuwiki__usertools {
-    position: absolute;
-    top: .5em;
-    right: 40px; // pagetool width
-    text-align: right;
-    width: 100%;
-
-    ul {
-        margin: 0 auto;
-        padding: 0;
+#dokuwiki__header {
+    #dokuwiki__usertools {
+        text-align: left;
     }
 
-    li.action a {
-        display: inline-flex;
-        flex-direction: row-reverse;
-        flex-wrap: nowrap;
-
+    .header__menu-list li.action a {
         svg {
-            height: 1.4em;
-            width: 1.4em;
+            height: 1.1em;
+            width: 1.1em;
+            flex: 0 0 auto;
             vertical-align: middle;
             fill: @ini_icons;
-            margin-right: 0.2em;
         }
     }
 
-    li.action a:hover,
-    li.action a:active {
-        svg {
-            fill: @ini_link;
-        }
-    }
-
-}
-
-[dir=rtl] #dokuwiki__usertools {
-    text-align: left;
-    left: 40px; // pagetool width
-    right: auto;
-
-
-    li.action a {
-
-        svg {
-            margin-right: 0;
-            margin-left: 0.2em;
-        }
+    .header__menu-list li.action a:hover svg,
+    .header__menu-list li.action a:focus svg,
+    .header__menu-list li.action a:active svg {
+        fill: @ini_link;
+    }
+}
+
+[dir=rtl] #dokuwiki__header {
+    #dokuwiki__usertools {
+        text-align: right;
     }
 }