From 945c5812d37f6bc44c3d820ed3506d5566a9208d Mon Sep 17 00:00:00 2001
From: Ondřej Hruška <ondra@ondrovo.com>
Date: Mon, 10 Jul 2017 09:44:17 +0200
Subject: Added extra clickable area in status gutter

---
 app/javascript/styles/components.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

(limited to 'app/javascript/styles')

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;
-- 
cgit