From be2b90df1d3b3369d451476293749bf5d6b1457d Mon Sep 17 00:00:00 2001 From: shpuld Date: Sat, 18 Feb 2017 19:46:10 +0200 Subject: [PATCH 1/2] Fix follow and mute buttons from getting squished on mobile --- src/components/user_profile/user_profile.vue | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/user_profile/user_profile.vue b/src/components/user_profile/user_profile.vue index 08221ac81c..b0d6db8588 100644 --- a/src/components/user_profile/user_profile.vue +++ b/src/components/user_profile/user_profile.vue @@ -16,6 +16,7 @@ .user-interactions { display: flex; flex-flow: row wrap; + justify-content: center; div { flex: 1; @@ -30,11 +31,11 @@ } .mute { - margin-right: 4em; + max-width: 200px; } .follow { - margin-left: 4em; + max-width: 200px; } button { From 7b6719b96d23fd07552fec7bd7716c3d634d9aff Mon Sep 17 00:00:00 2001 From: shpuld Date: Sat, 18 Feb 2017 22:55:16 +0200 Subject: [PATCH 2/2] @click on top nav makes window scroll to top --- src/App.js | 3 +++ src/App.vue | 2 +- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/src/App.js b/src/App.js index 4b0e81d092..2a00b369cb 100644 --- a/src/App.js +++ b/src/App.js @@ -24,6 +24,9 @@ export default { methods: { activatePanel (panelName) { this.mobileActivePanel = panelName + }, + scrollToTop () { + window.scrollTo(0, 0) } } } diff --git a/src/App.vue b/src/App.vue index d8e1d3e8e6..c4b3cb1366 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,6 +1,6 @@