From f11d338d65fef5237d278bc87be8833bea8bac45 Mon Sep 17 00:00:00 2001 From: Linda Date: Wed, 3 Oct 2018 10:29:45 -0400 Subject: [PATCH 1/2] text gets vertically centered --- src/views/preview/preview.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss index 392f76c25..ddeba7fa3 100644 --- a/src/views/preview/preview.scss +++ b/src/views/preview/preview.scss @@ -263,7 +263,7 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)"; padding: .5rem; width: calc(100% - 1rem); flex-wrap: nowrap; - align-items: flex-start; + align-items: center; } .credit-text { From 38b8e2e97ecb80ae84c8dc8683a258ee9c1abc37 Mon Sep 17 00:00:00 2001 From: Linda Date: Wed, 3 Oct 2018 10:32:12 -0400 Subject: [PATCH 2/2] on mobile, remix credit is still a flex row --- src/views/preview/preview.scss | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/views/preview/preview.scss b/src/views/preview/preview.scss index ddeba7fa3..c0fed6dd0 100644 --- a/src/views/preview/preview.scss +++ b/src/views/preview/preview.scss @@ -264,6 +264,10 @@ $medium-and-small: "screen and (max-width : #{$tablet}-1)"; width: calc(100% - 1rem); flex-wrap: nowrap; align-items: center; + + @media #{$medium-and-small} { + flex-direction: row; + } } .credit-text {