Fix styling of display names in public pages

diff --git a/app/javascript/flavours/glitch/styles/stream_entries.scss b/app/javascript/flavours/glitch/styles/stream_entries.scss
index 80e2d0ca0e2dedcbde1f1d9cc1a838d7156c70ad..7b6060628997f464717a3f3fd1fca55bab55051a 100644 (file)
--- a/app/javascript/flavours/glitch/styles/stream_entries.scss
+++ b/app/javascript/flavours/glitch/styles/stream_entries.scss
@@ -175,12 +175,6 @@
 .embed,
 .public-layout {
   .status {
-    .status__info .status__display-name {
-      display: block;
-      max-width: 100%;
-      padding-right: 25px;
-    }
-
     .status__info {
       font-size: 15px;
       display: initial;
@@ -200,6 +194,10 @@
       max-width: 100%;
       padding-right: 25px;
       margin: initial;
+
+      .display-name strong {
+        display: inline;
+      }
     }
 
     .status__avatar {