Fix status header display in toot mobile menu

5 years ago · adbb174c9c
parent ef1504d625
commit adbb174c9c
1 changed files with 10 additions and 3 deletions
--- a/app/javascript/flavours/glitch/styles/components/modal.scss
+++ b/app/javascript/flavours/glitch/styles/components/modal.scss
@ -415,14 +415,21 @@
  position: relative;
  flex-direction: column;

+  .status__relative-time {
+    color: $dark-text-color;
+    float: right;
+    font-size: 14px;
+    width: auto;
+    margin: initial;
+    padding: initial;
+  }
+
  .status__display-name {
    display: flex;
  }

  .status__avatar {
-    height: 28px;
-    left: 10px;
-    top: 10px;
+    height: 48px;
    width: 48px;
  }