Polish explorer toolbar controls

server/public/app.js

@@ -211,7 +211,7 @@ function renderExplorer(body, win) {
   const data = win.data;
   body.innerHTML = `
     <div class="pathbar">
-      <button data-action="up">Auf</button>
+      <button class="icon up-button" data-action="up" title="Eine Ebene zurueck" aria-label="Eine Ebene zurueck">←</button>
       <input value="${escapeAttr(data.path || '')}" aria-label="Pfad">
       <button data-action="go">Öffnen</button>
       <button data-action="refresh">Neu laden</button>

server/public/styles.css

@@ -174,9 +174,9 @@
 
 .u-nav .pathbar {
   align-items: center;
-  display: grid;
+  display: flex;
+  flex-wrap: wrap;
   gap: 8px;
-  grid-template-columns: auto 1fr auto auto auto;
   margin-bottom: 10px;
 }
 
@@ -187,8 +187,20 @@
   color: var(--text);
   font: inherit;
   min-height: 32px;
+  min-width: 180px;
   padding: 0 9px;
-  width: 100%;
+  flex: 1 1 220px;
+}
+
+.u-nav .pathbar .up-button {
+  flex: 0 0 38px;
+  font-size: 18px;
+  line-height: 1;
+}
+
+.u-nav .pathbar > button:not(.icon),
+.u-nav .pathbar .view-toggle {
+  flex: 0 0 auto;
 }
 
 .u-nav .drop-zone {
@@ -207,11 +219,14 @@
 .u-nav .view-toggle {
   display: inline-flex;
   gap: 0;
+  white-space: nowrap;
 }
 
 .u-nav .view-toggle button {
   border-radius: 0;
-  min-width: 72px;
+  flex: 0 0 auto;
+  min-width: 88px;
+  overflow: visible;
 }
 
 .u-nav .view-toggle button:first-child {