From e86b1d71ee325a47fdcc10ffe1912e81fe7de9b5 Mon Sep 17 00:00:00 2001 From: shpuld Date: Sat, 18 Feb 2017 15:48:27 +0200 Subject: Changed following-info to user-interactions and moved muting there, made everything in user-interactions look a bit neater --- src/components/user_profile/user_profile.vue | 26 ++++++++++++++++++++++---- 1 file changed, 22 insertions(+), 4 deletions(-) (limited to 'src/components/user_profile/user_profile.vue') 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; + } } -- cgit v1.2.3-70-g09d2