diff --git a/assets/javascripts/discourse/templates/components/assignee-chooser-row.hbs b/assets/javascripts/discourse/templates/components/assignee-chooser-row.hbs
index 967e4eb..cd57b55 100644
--- a/assets/javascripts/discourse/templates/components/assignee-chooser-row.hbs
+++ b/assets/javascripts/discourse/templates/components/assignee-chooser-row.hbs
@@ -1,15 +1,22 @@
{{#if this.item.isUser}}
{{avatar this.item imageSize="tiny"}}
- {{format-username this.item.id}}
- {{this.item.name}}
- {{#if (and this.item.showUserStatus this.item.status)}}
-
- {{/if}}
+
+ {{format-username this.item.id}}
+ {{this.item.name}}
+ {{#if (and this.item.showUserStatus this.item.status)}}
+
+ {{/if}}
+
{{decorate-username-selector this.item.id}}
{{else if this.item.isGroup}}
{{d-icon "users"}}
- {{this.item.id}}
- {{this.item.full_name}}
+
+ {{this.item.id}}
+ {{this.item.full_name}}
+
{{else}}
{{d-icon "envelope"}}
{{this.item.id}}
diff --git a/assets/stylesheets/assigns.scss b/assets/stylesheets/assigns.scss
index cf18c45..38ac338 100644
--- a/assets/stylesheets/assigns.scss
+++ b/assets/stylesheets/assigns.scss
@@ -87,6 +87,12 @@
color: var(--primary-medium);
}
+ .user-wrapper {
+ display: flex;
+ align-items: flex-end;
+ line-height: var(--line-height-small);
+ }
+
.name {
display: contents;
}
@@ -96,23 +102,23 @@
}
.user-status-message {
- color: var(--primary-medium);
font-size: var(--font-down-2);
margin-left: 0.5em;
.emoji {
- height: var(--font-up-1);
- width: var(--font-up-1);
+ height: var(--font-0);
+ width: var(--font-0);
}
}
.suggestions-label {
+ position: absolute;
+ right: 0;
+ top: 0;
+ margin: 0.25em 0.25em 0 0;
color: var(--primary-low-mid);
- font-size: var(--font-down-2);
+ font-size: var(--font-down-3);
font-weight: bold;
- margin-left: auto;
- margin-right: -0.25em;
- margin-top: -1em;
text-transform: uppercase;
}
}