diff options
| author | kibigo! <marrus-sh@users.noreply.github.com> | 2017-06-25 17:35:27 -0700 |
|---|---|---|
| committer | kibigo! <marrus-sh@users.noreply.github.com> | 2017-06-25 17:35:27 -0700 |
| commit | 22cc5c0dec37e8bf59dda9b9757f2507517818fc (patch) | |
| tree | cdbfe5594dbe3110d8569024bbb01f822ca2945a | |
| parent | efa425206c76a683333d7d46fb1b7862818428b1 (diff) | |
Improvements to action bar positioning
| -rw-r--r-- | app/javascript/styles/components.scss | 15 |
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 { |