diff --git a/src/public/app/layouts/mobile_layout.js b/src/public/app/layouts/mobile_layout.js
index 5cf662c31..95605d4fe 100644
--- a/src/public/app/layouts/mobile_layout.js
+++ b/src/public/app/layouts/mobile_layout.js
@@ -36,6 +36,7 @@ const FANCYTREE_CSS = `
margin-top: 55px;
overflow-y: auto;
contain: content;
+ padding-left: 10px;
}
.fancytree-custom-icon {
@@ -57,6 +58,7 @@ const FANCYTREE_CSS = `
span.fancytree-expander {
width: 24px !important;
+ margin-right: 5px;
}
.fancytree-loading span.fancytree-expander {
@@ -98,18 +100,24 @@ export default class MobileLayout {
.child(new ScreenContainer("detail", "column")
.class("d-sm-flex d-md-flex d-lg-flex d-xl-flex col-12 col-sm-7 col-md-8 col-lg-8")
.css('max-height', '100%')
- .child(new FlexContainer('row').overflowing().filling()
+ .child(new FlexContainer('row').overflowing().contentSized()
.css('font-size', 'larger')
.css('align-items', 'center')
- .child(new MobileDetailMenuWidget())
- .child(new NoteTitleWidget())
- .child(new CloseDetailButtonWidget()))
+ .child(new MobileDetailMenuWidget().contentSized())
+ .child(new NoteTitleWidget()
+ .contentSized()
+ .css("position: relative;")
+ .css("top: 5px;")
+ )
+ .child(new CloseDetailButtonWidget().contentSized()))
.child(
new ScrollingContainer()
+ .filling()
+ .overflowing()
+ .contentSized()
.child(
new NoteDetailWidget()
.css('padding', '5px 20px 10px 0')
- .css('contain', 'content')
)
)
);
diff --git a/src/views/mobile.ejs b/src/views/mobile.ejs
index 6ad62780d..ea47ffd36 100644
--- a/src/views/mobile.ejs
+++ b/src/views/mobile.ejs
@@ -95,7 +95,7 @@
}
-
+
@@ -133,6 +133,7 @@
+
<% if (themeCssUrl) { %>
<% } %>