fix: missing depen

resources/css/common.css

@@ -903,3 +903,13 @@ html[data-theme='dark'] .keyboard-shortcut > code {
 .katex .tag {
     overflow-x: clip;
 }
+
+html.is-mobile {
+  h1.title {
+    margin-bottom: 10px;
+  }
+
+  #journals .journal-item:first-child {
+    margin-top: 5px;
+  }
+}

src/main/frontend/components/header.css

@@ -242,7 +242,7 @@ html.is-native-ipad {
     }
 
     .page {
-      margin-top: 24px;
+      margin-top: 15px;
     }
   }
 

src/main/frontend/components/page.css

@@ -311,7 +311,7 @@ html.is-native-ipad,
 html.is-native-iphone,
 html.is-native-iphone-without-notch {
   .ls-page-title {
-    margin: 0 0 24px -15px;
+    margin: 0 0 10px -15px;
     padding: 0 !important;
   }
 }

src/main/frontend/components/theme.css

@@ -116,8 +116,8 @@ html.is-resizing-buf {
 
 main.ls-fold-button-on-right {
   #main-content-container {
-    padding-right:15px;
-    padding-left: 15px;
+    padding-right:18px;
+    padding-left: 18px;
     
     .page-blocks-inner {
       margin-left: 0 !important;
@@ -134,7 +134,7 @@ main.ls-fold-button-on-right {
 
   .ls-block {
     .block-control {
-      @apply absolute -right-2 top-1 bottom-1 bg-yellow-300;
+      @apply absolute -right-3 pr-2 top-1 bottom-1;
 
       .rotating-arrow.collapsed svg {
         transform: rotate(180deg);