From ff3d8ed8660db0ad4bdec8f67d3dee51507d3a2a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Wed, 12 May 2021 06:37:18 +0200 Subject: [PATCH] Login: Minor improvement to mobile login layout (#33961) --- public/app/core/components/Login/LoginLayout.tsx | 5 +---- public/sass/components/_footer.scss | 4 ++-- 2 files changed, 3 insertions(+), 6 deletions(-) diff --git a/public/app/core/components/Login/LoginLayout.tsx b/public/app/core/components/Login/LoginLayout.tsx index cadecb9f0c2..cff4081db03 100644 --- a/public/app/core/components/Login/LoginLayout.tsx +++ b/public/app/core/components/Login/LoginLayout.tsx @@ -62,10 +62,7 @@ export const getLoginStyles = (theme: GrafanaTheme2) => { display: 'flex', flexDirection: 'column', alignItems: 'center', - - [theme.breakpoints.up('md')]: { - justifyContent: 'center', - }, + justifyContent: 'center', }), loginAnim: css` &:before { diff --git a/public/sass/components/_footer.scss b/public/sass/components/_footer.scss index ce3c74e4c2d..e3478e93c8c 100644 --- a/public/sass/components/_footer.scss +++ b/public/sass/components/_footer.scss @@ -61,10 +61,10 @@ } } -@include media-breakpoint-up(sm) { +@include media-breakpoint-down(md) { .login-page { .footer { - padding: 70px 0 $space-md 0; + display: none; } } }