diff --git a/src/components/basic_user_card/basic_user_card.vue b/src/components/basic_user_card/basic_user_card.vue index bd7a325e..e10a3749 100644 --- a/src/components/basic_user_card/basic_user_card.vue +++ b/src/components/basic_user_card/basic_user_card.vue @@ -7,19 +7,24 @@
-
-
- - {{ user.name }} +
+
+
+ + {{ user.name }} +
+
+ + @{{user.screen_name}} + +
-
- - @{{user.screen_name}} - +
+
-
- +
+
@@ -46,6 +51,9 @@ margin-left: 0.7em; text-align: left; flex: 1; + } + + &-primary-secondary-wrapper { display: flex; align-items: flex-start; justify-content: space-between; @@ -67,9 +75,13 @@ flex: none; } + &-third-area { + margin-top: .2em; + } + &-expanded-content { flex: 1; - margin: 0.2em 0 0 0.7em; + margin-left: 0.7em; border-radius: $fallback--panelRadius; border-radius: var(--panelRadius, $fallback--panelRadius); border-style: solid;