fix(ui): alignment buttons for the whiteboard context menu

tldraw/apps/tldraw-logseq/src/components/ContextMenu/ContextMenu.tsx

@@ -70,7 +70,7 @@ export const ContextMenu = observer(function ContextMenu({
             !app.readOnly &&
             app.selectedShapesArray?.some(s => !s.props.isLocked) && (
               <>
-                <LSUI.ContextMenuItem>
+                <LSUI.ContextMenuItem className={'tl-menu-button-row-wrap'}>
                   <div className="tl-menu-button-row pb-0">
                     <Button
                       tooltip={t('whiteboard/align-left')}

tldraw/apps/tldraw-logseq/src/styles.css

@@ -110,8 +110,16 @@ html[data-theme='light'] {
   @apply pl-4 !important;
 }
 
+.tl-menu-button-row-wrap {
+  @apply flex flex-col;
+}
+
 .tl-menu-button-row {
-  @apply flex justify-between py-1;
+  @apply flex justify-between py-1 gap-[26px] opacity-80 hover:opacity-100;
+
+  .ti {
+    @apply text-lg;
+  }
 }
 
 .tl-menu {