reorganize header menu

assets/style.css

@@ -230,6 +230,7 @@ footer {
 }
 .btn-fab::before, .btn-fab::after { content: none; }
 .btn-fab:hover { background: var(--bg-panel-hover); color: var(--primary-hover); }
+.btn[hidden] {display: none;}
 .danger { color: var(--danger); }
 .danger:hover { color: var(--danger-hover); }
 /* Selected segmented-toggle button (view-settings modal). */
@@ -403,6 +404,8 @@ main > h2 {
 .dropdown-menu.is-open { display: block; }
 .dropdown-menu.scrollable { max-height: 23rem; overflow-y: auto; }
 
+.actions-special > .btn {text-align: left;}
+
 /* === Suggestion dropdown (header search + editor link picker) ===
    Anchored to a position:relative host. Mirrors .dropdown-menu visuals with
    a dashed border and bg-panel-hover for the active row. */
@@ -501,15 +504,6 @@ body.edit-mode footer { max-width: none; }
     border-bottom: var(--border-dashed);
 }
 
-/* === Floating action button ===
-   Standalone FAB buttons (the tree rail, the right rail) are mobile-only and
-   stack bottom-right: the tree FAB anchors the bottom, the right-rail FAB sits
-   above it. Wrapped FABs (the search actions dropdown) stay visible on desktop
-   and, on mobile, sit in the upper slot so they never overlap the tree FAB. */
-.fab { position: fixed; bottom: var(--space-4); right: var(--space-4); z-index: 50; }
-button.fab { display: none; }
-.fab-rail { bottom: calc(var(--space-4) + 3rem + var(--space-2)); }
-
 /* === Companion status === */
 .companion-status { margin-left: auto; }
 .companion-icon { font-size: 0.9rem; line-height: 1; padding: 0.1rem 0.3rem; }
@@ -860,11 +854,13 @@ aside.sidebar:empty { display: none; }
        actions right. */
     header { grid-template-columns: auto 1fr auto; }
     .search-form { width: 100%; max-width: none; justify-self: stretch; }
-    /* Reveal the mobile FAB stack (tree at the bottom, right rail above it).
-       The search actions dropdown FAB moves to the upper slot too so it never
-       overlaps the tree FAB. */
-    button.fab { display: inline-flex; }
-    .fab.dropdown { bottom: calc(var(--space-4) + 3rem + var(--space-2)); }
+}
+
+/* Show the actions menu items directly in the bar in desktop size */
+@media (min-width: 1101px) {
+    .actions-toggle, .actions-special {display: none;}
+    .actions, .actions-menu, .actions.menu.is-open {display: contents;}
+    .actions-menu .btn-block { width: auto; padding: 0;}
 }
 
 @media (max-width: 600px) {