From 8a61b58970c3e9cc9294cd42f72e4bf22ce707c6 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 23 Nov 2024 09:29:49 +0200
Subject: [PATCH] fix(mobile): fix alignment for horizontal layout

---
 src/public/app/layouts/mobile_layout.js | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index dfe5a91f5..a5691ae11 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -24,6 +24,7 @@ import RootContainer from "../widgets/containers/root_container.js";
 import SharedInfoWidget from "../widgets/shared_info.js";
 import PromotedAttributesWidget from "../widgets/ribbon_widgets/promoted_attributes.js";
 import ClassicEditorToolbar from "../widgets/ribbon_widgets/classic_editor_toolbar.js";
+import options from "../services/options.js";
 
 const MOBILE_CSS = `
 <style>
@@ -112,14 +113,16 @@ span.fancytree-expander {
 
 export default class MobileLayout {
     getRootWidget(appContext) {
+        const launcherPaneIsHorizontal = (options.get("layoutOrientation") === "horizontal");
+
         return new RootContainer()
             .setParent(appContext)
             .cssBlock(MOBILE_CSS)
-            .child(new FlexContainer("column")
+            .child(new FlexContainer(launcherPaneIsHorizontal ? "row" : "column")
                 .id("launcher-pane")
-                .css("width", "53px")
-                .child(new GlobalMenuWidget())
-                .child(new LauncherContainer())
+                .css(launcherPaneIsHorizontal ? "height" : "width", "53px")
+                .child(new GlobalMenuWidget(launcherPaneIsHorizontal))
+                .child(new LauncherContainer(launcherPaneIsHorizontal))
             )
             .child(new FlexContainer("row")
                 .filling()