diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 7de96d5d..a75a7816 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -64,27 +64,32 @@
-
+
@@ -269,7 +274,6 @@ $status-margin: 0.75em;
vertical-align: bottom;
flex-basis: 100%;
margin-bottom: 0.5em;
- line-height: 16px;
a {
display: inline-block;
@@ -284,6 +288,7 @@ $status-margin: 0.75em;
padding: 0;
display: flex;
justify-content: space-between;
+ line-height: 18px;
.name-and-account-name {
display: flex;
@@ -319,12 +324,11 @@ $status-margin: 0.75em;
.heading-reply-row {
align-content: baseline;
font-size: 12px;
- max-height: 1.5em;
- color: $fallback--link;
- color: var(--link, $fallback--link);
+ line-height: 18px;
max-width: 100%;
display: flex;
- overflow: hidden;
+ flex-wrap: wrap;
+ align-items: stretch;
a {
max-width: 100%;
@@ -334,6 +338,14 @@ $status-margin: 0.75em;
}
}
+ .reply-to-and-accountname {
+ display: flex;
+ height: 18px;
+ margin-right: 0.5em;
+ overflow: hidden;
+ max-width: 100%;
+ }
+
.reply-info {
display: flex;
}
@@ -348,8 +360,22 @@ $status-margin: 0.75em;
margin: 0 0.4em 0 0.2em;
}
+ .replies-separator {
+ margin-left: 0.4em;
+ }
+
.replies {
+ line-height: 18px;
font-size: 12px;
+ display: flex;
+ flex-wrap: wrap;
+ & > * {
+ margin-right: 0.4em;
+ }
+ }
+
+ .reply-link {
+ height: 17px;
}
}