From 2de60a3007641415d92b95a361e2c131d00e8285 Mon Sep 17 00:00:00 2001 From: Eduard Heimbuch Date: Fri, 16 Jul 2021 13:06:46 +0200 Subject: [PATCH] Fix small header glitches on mobile view --- scm-ui/ui-webapp/src/containers/LoginButton.tsx | 2 +- scm-ui/ui-webapp/src/containers/LogoutButton.tsx | 2 +- scm-ui/ui-webapp/src/containers/Notifications.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/scm-ui/ui-webapp/src/containers/LoginButton.tsx b/scm-ui/ui-webapp/src/containers/LoginButton.tsx index 2885c4552d..11e2cb6b4a 100644 --- a/scm-ui/ui-webapp/src/containers/LoginButton.tsx +++ b/scm-ui/ui-webapp/src/containers/LoginButton.tsx @@ -38,7 +38,7 @@ type Props = { }; const StyledLogoutButton = styled(Link)` - @media screen and (max-width: ${devices.desktop.width}px) { + @media screen and (max-width: ${devices.desktop.width - 1}px) { border-top: 1px solid white; margin-top: 1rem; padding-top: 1rem; diff --git a/scm-ui/ui-webapp/src/containers/LogoutButton.tsx b/scm-ui/ui-webapp/src/containers/LogoutButton.tsx index 917fa24083..32ec5339b6 100644 --- a/scm-ui/ui-webapp/src/containers/LogoutButton.tsx +++ b/scm-ui/ui-webapp/src/containers/LogoutButton.tsx @@ -38,7 +38,7 @@ type Props = { }; const StyledLogoutButton = styled(Link)` - @media screen and (max-width: ${devices.desktop.width}px) { + @media screen and (max-width: ${devices.desktop.width}px -1 ) { border-top: 1px solid white; margin-top: 1rem; padding-top: 1rem; diff --git a/scm-ui/ui-webapp/src/containers/Notifications.tsx b/scm-ui/ui-webapp/src/containers/Notifications.tsx index b4d239cb3f..5bca804912 100644 --- a/scm-ui/ui-webapp/src/containers/Notifications.tsx +++ b/scm-ui/ui-webapp/src/containers/Notifications.tsx @@ -63,7 +63,7 @@ const DropDownMenu = styled.div` min-width: 20rem; } - @media screen and (max-width: ${devices.desktop.width}px) { + @media screen and (max-width: ${devices.desktop.width - 1}px) { margin-right: 1rem; }