From 8a152566e36da4dcfae477add1aeb40229c15f6d Mon Sep 17 00:00:00 2001 From: Joffrey JAFFEUX Date: Fri, 8 Feb 2019 12:09:56 +0100 Subject: [PATCH] FIX: improves positioning of footer buttons on mobile (#6989) --- app/assets/stylesheets/mobile/topic-post.scss | 7 +++---- app/assets/stylesheets/mobile/topic.scss | 6 ++++++ 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss index 811eabbc0c7..5186aba5d62 100644 --- a/app/assets/stylesheets/mobile/topic-post.scss +++ b/app/assets/stylesheets/mobile/topic-post.scss @@ -244,8 +244,7 @@ a.reply-to-tab { color: $tertiary; } .combobox { - float: left; - margin-right: 1em; + margin-right: 0.5em; width: 160px; margin-bottom: 0.5em; } @@ -288,8 +287,8 @@ span.post-count { #topic-footer-buttons { .btn { - margin-bottom: 5px; - margin-right: 10px; + margin-bottom: 0.5em; + margin-right: 0.5em; } } diff --git a/app/assets/stylesheets/mobile/topic.scss b/app/assets/stylesheets/mobile/topic.scss index 333fda79028..339ac4adc7f 100644 --- a/app/assets/stylesheets/mobile/topic.scss +++ b/app/assets/stylesheets/mobile/topic.scss @@ -215,3 +215,9 @@ sub sub { margin-right: 0; } } + +.topic-footer-main-buttons { + display: flex; + align-items: center; + flex-wrap: wrap; +}