From b8791ae79be7a9b7c0e541928b2741e40bbdc8a5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ond=C5=99ej=20Hru=C5=A1ka?= <ondra@ondrovo.com>
Date: Mon, 7 Aug 2017 21:59:49 +0200
Subject: [PATCH] always put @handles on a new line. undo some needless changes
 from prev cmmt

---
 app/javascript/styles/accounts.scss       |  6 +++---
 app/javascript/styles/components.scss     | 11 ++++++++++-
 app/javascript/styles/stream_entries.scss |  6 +++---
 3 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/app/javascript/styles/accounts.scss b/app/javascript/styles/accounts.scss
index 80b6ec421d..3d5c1a6925 100644
--- a/app/javascript/styles/accounts.scss
+++ b/app/javascript/styles/accounts.scss
@@ -409,9 +409,9 @@
     .display-name {
       display: block;
       max-width: 100%;
-      //overflow: hidden;
-      //white-space: nowrap;
-      //text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
       cursor: default;
 
       strong {
diff --git a/app/javascript/styles/components.scss b/app/javascript/styles/components.scss
index 8cb7b8618e..41735c7a45 100644
--- a/app/javascript/styles/components.scss
+++ b/app/javascript/styles/components.scss
@@ -779,7 +779,7 @@
 .status__info .status__display-name {
   display: block;
   max-width: 100%;
-  padding-right: 25px;
+  //padding-right: 25px;
 }
 
 .status__info {
@@ -1386,6 +1386,15 @@
 
 .display-name__account {
   font-size: 14px;
+  display: block;
+  line-height: 1.1; // reduce the distance from the display name
+  padding-bottom: 3px;
+
+  // block ellipsis
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .status__relative-time,
diff --git a/app/javascript/styles/stream_entries.scss b/app/javascript/styles/stream_entries.scss
index 938ec70232..90a43388bf 100644
--- a/app/javascript/styles/stream_entries.scss
+++ b/app/javascript/styles/stream_entries.scss
@@ -156,9 +156,9 @@
       .display-name {
         display: block;
         max-width: 100%;
-        //overflow: hidden;
-        //white-space: nowrap;
-        //text-overflow: ellipsis;
+        overflow: hidden;
+        white-space: nowrap;
+        text-overflow: ellipsis;
 
         strong {
           font-weight: 500;