Fix action buttons alignment on mobile

CHANGELOG.md

@@ -4,7 +4,8 @@
 * Fix hover on account type of notifications
 * Fix top margin on mobile
 * Fix hover bubble dimension under actions
-* Fix action button focus
+* Fix action buttons alignment on mobile
+* Disable action focus bubble on mobile
 
 ### 1.0.9: 2023-03-09
 

style.css

@@ -1,5 +1,5 @@
 /* Cursed Mastodon Twitter CSS-only revamp by @[email protected]
-   v1.1.0rc6 */
+   v1.1.0rc7 */
 
 /* CSS variables */
 :root {
@@ -1310,10 +1310,18 @@ a.status-card.compact .status-card__description {
   /* It's inlined so we have to use !important */
   /* stylelint-disable-next-line */
   height: unset !important;
-  position: relative;
   /* It's inlined so we have to use !important */
   /* stylelint-disable-next-line */
-  width: 50px !important;
+  width: unset !important;
+}
+
+@media screen and (min-width: 890px) {
+  .layout-single-column .status__action-bar .icon-button {
+    position: relative;
+    /* It's inlined so we have to use !important */
+    /* stylelint-disable-next-line */
+    width: 50px !important;
+  }
 }
 
 /* Replace bookmark icon */
@@ -1697,8 +1705,7 @@ a.status-card.compact .status-card__description {
 
   .layout-single-column .detailed-status__action-bar .icon-button::after,
   .layout-single-column .status__action-bar .icon-button::after {
-    top: -7px;
-    transform: translateX(2px);
+    display: none;
   }
 }