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 From 15c82dea62120b097e35f1443748c5996141a730 Mon Sep 17 00:00:00 2001 From: shpuld Date: Sat, 18 Feb 2017 15:49:27 +0200 Subject: moved around classes in the user-info css --- src/components/user_profile/user_profile.vue | 30 ++++++++++++++-------------- 1 file changed, 15 insertions(+), 15 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 7bed9ee0..08221ac8 100644 --- a/src/components/user_profile/user_profile.vue +++ b/src/components/user_profile/user_profile.vue @@ -24,27 +24,27 @@ margin-bottom: -1.2em; .following { - font-size: 14px; - flex: 0 0 100%; - margin-bottom: 0.5em; + font-size: 14px; + flex: 0 0 100%; + margin-bottom: 0.5em; } - } - .mute { - margin-right: 4em; - } + .mute { + margin-right: 4em; + } + + .follow { + margin-left: 4em; + } - .follow { - margin-left: 4em; + button { + width: 80%; + height: 100%; + border: 1px solid; + } } .user-screen-name { margin-top: 0.4em; } - - button { - width: 80%; - height: 100%; - border: 1px solid; - } } -- cgit v1.2.3-70-g09d2