From 947d01023d53b5b79174775abfd27823678e597b Mon Sep 17 00:00:00 2001 From: Rigel Kent Date: Fri, 3 Apr 2020 14:13:24 +0200 Subject: Improve channel and account display on medium devices --- client/src/app/+accounts/accounts.component.scss | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) (limited to 'client/src/app/+accounts/accounts.component.scss') diff --git a/client/src/app/+accounts/accounts.component.scss b/client/src/app/+accounts/accounts.component.scss index 96484c9d3..d0187fe30 100644 --- a/client/src/app/+accounts/accounts.component.scss +++ b/client/src/app/+accounts/accounts.component.scss @@ -1,3 +1,9 @@ +// Bootstrap grid utilities require functions, variables and mixins +@import 'node_modules/bootstrap/scss/functions'; +@import 'node_modules/bootstrap/scss/variables'; +@import 'node_modules/bootstrap/scss/mixins'; +@import 'node_modules/bootstrap/scss/grid'; + @import '_variables'; @import '_mixins'; @@ -13,7 +19,16 @@ display: flex; height: max-content; margin-left: auto; - margin-top: 20px; + margin-top: 10px; + + @include media-breakpoint-down(lg) { + flex-flow: column-reverse; + + a { + margin-top: 0.25rem; + margin-right: 0 !important; + } + } a { @include peertube-button-outline; -- cgit v1.2.3