From 22cc5c0dec37e8bf59dda9b9757f2507517818fc Mon Sep 17 00:00:00 2001
From: kibigo! <marrus-sh@users.noreply.github.com>
Date: Sun, 25 Jun 2017 17:35:27 -0700
Subject: [PATCH] Improvements to action bar positioning

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

diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 867612042..bc21a807e 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -636,9 +636,16 @@
 }
 
 .status__relative-time {
+  display: inline-block;
   margin-left: auto;
+  padding-left: 18px;
+  width: 115px;
   color: lighten($ui-base-color, 26%);
   font-size: 14px;
+  text-align: right;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .status__display-name {
@@ -701,11 +708,19 @@
   display: flex;
   margin-top: 10px;
   margin-left: -58px;
+
+  &::before {
+    display: block;
+    flex: 1 1 0;
+    max-width: 58px;
+    content: "";
+  }
 }
 
 .status__action-bar-button {
   float: left;
   margin-right: 18px;
+  flex: 0 0 auto;
 }
 
 .status__action-bar-dropdown {