fix(mobile): block control style

src/main/frontend/components/block.cljs

@@ -3079,7 +3079,9 @@
     [:div.h-6
      (shui/button {:variant :ghost
                    :title "Open block references"
-                   :class "px-1 py-0 w-5 h-5 opacity-70 hover:opacity-100"
+                   :class (str "px-1 py-0 w-5 h-5 opacity-70 hover:opacity-100" (when (and (util/mobile?)
+                                                                                           (seq (:block/_parent block)))
+                                                                                  " !pr-4"))
                    :size  :sm
                    :on-click (fn [e]
                                (if (gobj/get e "shiftKey")

src/main/frontend/components/theme.css

@@ -124,9 +124,11 @@ main.ls-fold-button-on-right {
   .ls-block {
     .block-control {
       @apply absolute -right-3 pr-2 pt-1 top-0 z-[1]
-      opacity-20 active:opacity-100;
+      opacity-50 active:opacity-100;
+      margin-top: 3px;
 
       .rotating-arrow.collapsed svg {
+        margin-left: -2px;
         transform: rotate(180deg);
       }
     }
@@ -165,4 +167,4 @@ html[data-font='serif'] .ls-block, .ls-font-serif {
 
 html[data-font='mono'] .ls-block, .ls-font-mono {
   font-family: iawriter-mono, Nitti, Menlo, Courier, monospace;
-}
+}