From 1952a538baa330b13bd11631b3975f7ef1c37e70 Mon Sep 17 00:00:00 2001 From: Chocobozzz Date: Wed, 9 May 2018 09:23:27 +0200 Subject: [PATCH] Improve responsive account about page --- .../account-about/account-about.component.html | 4 ++-- .../account-about/account-about.component.scss | 10 +++++++--- client/src/sass/application.scss | 4 ++++ 3 files changed, 13 insertions(+), 5 deletions(-) diff --git a/client/src/app/+accounts/account-about/account-about.component.html b/client/src/app/+accounts/account-about/account-about.component.html index 003a8045e..eae1cb509 100644 --- a/client/src/app/+accounts/account-about/account-about.component.html +++ b/client/src/app/+accounts/account-about/account-about.component.html @@ -1,10 +1,10 @@
-
+
Description
{{ getAccountDescription() }}
-
+
Stats
Joined {{ account.createdAt | date }}
diff --git a/client/src/app/+accounts/account-about/account-about.component.scss b/client/src/app/+accounts/account-about/account-about.component.scss index b1be7d4ed..5bcd4b561 100644 --- a/client/src/app/+accounts/account-about/account-about.component.scss +++ b/client/src/app/+accounts/account-about/account-about.component.scss @@ -1,8 +1,12 @@ @import '_variables'; @import '_mixins'; -.small-title { - @include in-content-small-title; +.block { + margin-bottom: 40px; - margin-bottom: 20px; + .small-title { + @include in-content-small-title; + + margin-bottom: 20px; + } } diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 9aef0c56d..2e1e5bf65 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss @@ -111,6 +111,10 @@ label { &:hover, &:active, &:focus { color: #000; } + + @media screen and (max-width: 500px) { + margin-right: 20px; + } } .admin-sub-header { -- 2.25.1