From d6395769af0b9ff8bdf5f2ba0356ec64a069f2d6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20Hru=C5=A1ka?= <ondra@ondrovo.com>
Date: Mon, 10 Jul 2017 10:16:30 +0200
Subject: [PATCH] Toot context menu is now centered

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

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index ce1e69623a..a14929af96 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -733,6 +733,23 @@
   float: left;
   height: 18px;
   width: 18px;
+
+  // Dropdown style override for centering on the icon
+  .dropdown--active {
+    position: relative;
+
+    .dropdown__content.dropdown__right {
+      left: calc(50% + 3px);
+      right: initial;
+      transform: translate(-50%, 0);
+      top: 22px;
+    }
+
+    &::after {
+      right: 1px;
+      bottom: -2px;
+    }
+  }
 }
 
 .detailed-status__action-bar-dropdown {