From e0d9cda522cc603cff1200dc641ee04d07662df5 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sat, 23 Nov 2024 09:59:48 +0200
Subject: [PATCH] fix(mobile): padding for the title

---
 src/public/app/layouts/mobile_layout.js | 1 +
 src/public/app/widgets/basic_widget.js  | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index 397308137..578e2d50c 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -143,6 +143,7 @@ export default class MobileLayout {
                             .contentSized()
                             .css("position: relative;")
                             .css("top: 5px;")
+                            .optCss(launcherPaneIsHorizontal, "padding-left", "0.5em")
                         )
                         .optChild(launcherPaneIsHorizontal, new MobileDetailMenuWidget(true).contentSized())
                         .child(new CloseDetailButtonWidget().contentSized()))
diff --git a/src/public/app/widgets/basic_widget.js b/src/public/app/widgets/basic_widget.js
index bf38552c8..87bde16c7 100644
--- a/src/public/app/widgets/basic_widget.js
+++ b/src/public/app/widgets/basic_widget.js
@@ -70,6 +70,14 @@ class BasicWidget extends Component {
         return this;
     }
 
+    optCss(condition, name, value) {
+        if (condition) {
+            return this.css(name, value);
+        }
+
+        return this;
+    }
+
     contentSized() {
         this.css("contain", "none");