From b4f87a288ae38217e9e4194f50fa861bc9ef346d Mon Sep 17 00:00:00 2001 From: Karina Kwiatek Date: Tue, 10 Aug 2021 13:17:05 +0200 Subject: [PATCH] Invert answerbox action CSS to be mobile first --- app/assets/stylesheets/components/_answerbox.scss | 15 ++++++++------- 1 file changed, 8 insertions(+), 7 deletions(-) diff --git a/app/assets/stylesheets/components/_answerbox.scss b/app/assets/stylesheets/components/_answerbox.scss index df2a9c64..bb91cd36 100644 --- a/app/assets/stylesheets/components/_answerbox.scss +++ b/app/assets/stylesheets/components/_answerbox.scss @@ -64,16 +64,17 @@ &__actions { text-align: right; - @include media-breakpoint-down('md') { - justify-content: space-between; - padding-top: 10px; + justify-content: space-between; + padding-top: 10px; + + @include media-breakpoint-up('sm') { + justify-content: unset; + padding-top: 0; } } - @include media-breakpoint-down('md') { - .card-body { - padding-bottom: .6rem; - } + .card-body { + padding-bottom: .6rem; } }