diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue index 2c32406b..0ee1d86f 100644 --- a/src/components/user_card_content/user_card_content.vue +++ b/src/components/user_card_content/user_card_content.vue @@ -3,30 +3,34 @@
-
Muted
-
- -
{{user.name}}
@{{user.screen_name}}
-
-
+
+
Follows you!
-
+ +
+ + + + + + +
diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue index 962318e4..7bed9ee0 100644 --- a/src/components/user_profile/user_profile.vue +++ b/src/components/user_profile/user_profile.vue @@ -13,20 +13,38 @@ } .user-info { - .following-info { + .user-interactions { display: flex; + flex-flow: row wrap; div { flex: 1; } - margin-top: 1em; + margin-top: 0.5em; margin-bottom: -1.2em; + + .following { + font-size: 14px; + flex: 0 0 100%; + margin-bottom: 0.5em; + } } - .muteinfo{ - margin: 0.5em 0; + + .mute { + margin-right: 4em; + } + + .follow { + margin-left: 4em; } .user-screen-name { margin-top: 0.4em; } + + button { + width: 80%; + height: 100%; + border: 1px solid; + } }