enhance(mobile): alignment for the heading block

src/main/capacitor/components/app.css

@@ -123,6 +123,18 @@ ion-content {
         @apply static;
       }
     }
+
+    &[data-has-heading="1"], &:has(textarea.h1) {
+      > .block-control-wrap, > .block-control-wrap > .block-control {
+        @apply mt-4;
+      }
+    }
+
+    &[data-has-heading="2"], &:has(textarea.h2) {
+      > .block-control-wrap, > .block-control-wrap > .block-control {
+        @apply mt-2.5;
+      }
+    }
   }
 
   &::part(background) {

src/main/frontend/components/block.css

@@ -489,7 +489,7 @@
 
   &[data-has-heading="2"], &:has(textarea.h2) {
     > .block-control-wrap {
-      @apply relative top-3;
+      @apply relative top-2.5;
     }
 
     .block-content-or-editor-wrap {