From ef5dc400267f1ffd0645c0d55d93c9c46048f6a2 Mon Sep 17 00:00:00 2001 From: Mathias Wagner Date: Sun, 8 May 2022 02:34:46 +0200 Subject: [PATCH] Fixed mobile optimization --- client/src/style/Header.sass | 6 +++++- client/src/style/LatestTest.sass | 10 +++++++--- client/src/style/Speedtest.sass | 8 ++++++-- 3 files changed, 18 insertions(+), 6 deletions(-) diff --git a/client/src/style/Header.sass b/client/src/style/Header.sass index 52d27a98..12eed39f 100644 --- a/client/src/style/Header.sass +++ b/client/src/style/Header.sass @@ -19,4 +19,8 @@ transition: all 50ms ease-in-out .settings:hover - transform: scale(1.1) \ No newline at end of file + transform: scale(1.1) + +@media (max-width: 320px) + .header-main h2 + margin-left: 0 \ No newline at end of file diff --git a/client/src/style/LatestTest.sass b/client/src/style/LatestTest.sass index 69795e3d..cd5eaed2 100644 --- a/client/src/style/LatestTest.sass +++ b/client/src/style/LatestTest.sass @@ -33,7 +33,7 @@ font-size: 28pt margin: 1rem -@media (max-width: 1370px) +@media (max-width: 1351px) .analyse-area flex-direction: column width: 60rem @@ -55,6 +55,10 @@ padding-left: 1rem padding-bottom: 1rem padding-top: 1rem - width: 15rem + width: 18rem .inner-container - margin: 0 \ No newline at end of file + margin: 0 + +@media (max-width: 320px) + .analyse-area + width: 16rem \ No newline at end of file diff --git a/client/src/style/Speedtest.sass b/client/src/style/Speedtest.sass index 30317fb1..8ab4580f 100644 --- a/client/src/style/Speedtest.sass +++ b/client/src/style/Speedtest.sass @@ -28,7 +28,7 @@ font-weight: 900 color: #C8C8C8 -@media (max-width: 1370px) +@media (max-width: 1351px) .speedtest width: 60rem @@ -51,4 +51,8 @@ @media (max-width: 475px) .speedtest - width: 15rem \ No newline at end of file + width: 18rem + +@media (max-width: 320px) + .speedtest + width: 16rem \ No newline at end of file