Fix padding and centering of display names

diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss
index b9811f25c1f833ac61fe6c37d8f0e344fca3a898..f996bbfc5f47f08b32752987549cd10d25a96f2e 100644 (file)
--- a/app/javascript/flavours/glitch/styles/components/index.scss
+++ b/app/javascript/flavours/glitch/styles/components/index.scss
@@ -269,9 +269,7 @@
 
 .display-name {
   display: block;
-  padding: 6px 0;
   max-width: 100%;
-  height: 36px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

diff --git a/app/javascript/flavours/glitch/styles/components/status.scss b/app/javascript/flavours/glitch/styles/components/status.scss
index 9d2757065ed775ebfa219e312b3625ecb2e6918c..b73dd3d0980f4c4dddd8f90f40cb2cc806422f1d 100644 (file)
--- a/app/javascript/flavours/glitch/styles/components/status.scss
+++ b/app/javascript/flavours/glitch/styles/components/status.scss
@@ -357,6 +357,7 @@
 
 .status__info__account {
   display: flex;
+  align-items: center;
 }
 
 .status-check-box {