Added extra clickable area in status gutter

1 files changed, 13 insertions, 0 deletions

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index ceb7b05f6..ce1e69623 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -421,6 +421,19 @@
   cursor: pointer;
 }
 
+// Extra clickable area in the status gutter
+@media screen and (min-width: 1024px) {
+  .status__content--with-action > div::after {
+    content: '';
+    display: block;
+    width: 68px;
+    height: calc(100% + 10px);
+    position: absolute;
+    left: -68px;
+    bottom: -40px;
+  }
+}
+
 .status__content,
 .reply-indicator__content {
   position: relative;