about summary refs log tree commit diff
diff options
context:
space:
mode:
authorkibigo! <marrus-sh@users.noreply.github.com>2017-06-25 17:35:27 -0700
committerkibigo! <marrus-sh@users.noreply.github.com>2017-06-25 17:35:27 -0700
commit22cc5c0dec37e8bf59dda9b9757f2507517818fc (patch)
treecdbfe5594dbe3110d8569024bbb01f822ca2945a
parentefa425206c76a683333d7d46fb1b7862818428b1 (diff)
Improvements to action bar positioning
-rw-r--r--app/javascript/styles/components.scss15
1 files changed, 15 insertions, 0 deletions
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 {