Update Logo rendering

css/design.less

@@ -59,6 +59,21 @@
             width: auto;
         }
 
+        .logo__image {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            height: 1.5em;
+            width: 1.5em;
+            color: @ini_theme_color;
+
+            svg {
+                display: block;
+                width: 100%;
+                height: 100%;
+            }
+        }
+
         span {
             display: block;
         }
@@ -76,6 +91,11 @@
     margin-right: 0;
 }
 
+[dir=rtl] #dokuwiki__header .logo .logo__image {
+    margin-left: 0;
+    margin-right: 0;
+}
+
 /* tools
 ********************************************************************/
 
@@ -139,7 +159,7 @@
     }
 
     > form.search input {
-        width: 14em;
+        width: 24em;
         max-width: 100%;
         height: 24px;
         margin: 0;
@@ -262,9 +282,11 @@ form.search {
             display: none;
         }
 
-        summary span {
-            font-size: 18px;
-            line-height: 1;
+        summary svg {
+            width: 16px;
+            height: 16px;
+            display: block;
+            fill: @ini_icons;
         }
 
         &[open] summary,
@@ -273,6 +295,12 @@ form.search {
             border-color: @ini_link;
             color: @ini_link;
         }
+
+        &[open] summary svg,
+        summary:hover svg,
+        summary:focus svg {
+            fill: @ini_link;
+        }
     }
 
     .header__menu-panel {
@@ -398,27 +426,6 @@ form.search {
 /* content
 ********************************************************************/
 
-.dokuwiki .pageId {
-    float: right;
-    margin-right: -1em;
-    margin-bottom: -1px;
-    margin-top: 0;
-    overflow: hidden;
-    padding: 0 1em 0;
-
-    span {
-        font-size: 0.875em;
-        border: solid @ini_border;
-        border-width: 1px 1px 0;
-        background-color: @ini_background;
-        color: @ini_text_alt;
-        padding: .1em .35em;
-        border-top-left-radius: 2px;
-        border-top-right-radius: 2px;
-        display: block;
-    }
-}
-
 .dokuwiki div.page {
     clear: both;
     background: @ini_background;
@@ -446,12 +453,6 @@ form.search {
     text-align: left;
 }
 
-[dir=rtl] .dokuwiki .pageId {
-    float: left;
-    margin-left: -1em;
-    margin-right: 0;
-}
-
 /* footer
 ********************************************************************/
 

css/mobile.less

@@ -228,8 +228,7 @@ body {
 #dokuwiki__usertools,
 #dokuwiki__sitetools ul,
 #dokuwiki__sitetools h3,
-.dokuwiki div.breadcrumbs, /* @todo: maybe move breadcrumbs to the bottom? */
-.dokuwiki .pageId {
+.dokuwiki div.breadcrumbs { /* @todo: maybe move breadcrumbs to the bottom? */
     display: none;
 }
 

css/print.css

@@ -17,7 +17,6 @@ video,
 #dokuwiki__header .tools,
 #dokuwiki__aside,
 .dokuwiki .breadcrumbs,
-.dokuwiki .pageId,
 #dw__toc,
 h3.toggle,
 #dokuwiki__pagetools,