From 4ae9d8e797c492d5fec933e929028f91d079f572 Mon Sep 17 00:00:00 2001
From: norbjd <norbjd@users.noreply.github.com>
Date: Sun, 6 Nov 2022 16:20:53 +0100
Subject: [PATCH] Increase @media max-width from 700px to 800px

It allows a better readability on small width devices (< 800px, for example, smartphones in landscape mode) by moving the profile bar from the side to the top.
---
 src/sass/profile/_base.scss      | 4 ++--
 src/sass/profile/card.scss       | 2 +-
 src/sass/profile/photo-rail.scss | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/sass/profile/_base.scss b/src/sass/profile/_base.scss
index b7f33e6..ac742ba 100644
--- a/src/sass/profile/_base.scss
+++ b/src/sass/profile/_base.scss
@@ -54,10 +54,10 @@
     }
 }
 
-@media(max-width: 700px) {
+@media(max-width: 800px) {
     .profile-tabs {
         width: 100vw;
-        max-width: 600px;
+        max-width: 95%;
 
         .timeline-container {
             width: 100% !important;
diff --git a/src/sass/profile/card.scss b/src/sass/profile/card.scss
index 85878e4..3a1ad87 100644
--- a/src/sass/profile/card.scss
+++ b/src/sass/profile/card.scss
@@ -109,7 +109,7 @@
     color: var(--profile_stat);
 }
 
-@media(max-width: 700px) {
+@media(max-width: 800px) {
     .profile-card-info {
         display: flex;
     }
diff --git a/src/sass/profile/photo-rail.scss b/src/sass/profile/photo-rail.scss
index f32d22a..6264e10 100644
--- a/src/sass/profile/photo-rail.scss
+++ b/src/sass/profile/photo-rail.scss
@@ -60,7 +60,7 @@
     padding-bottom: 12px;
 }
 
-@media(max-width: 700px) {
+@media(max-width: 800px) {
     .photo-rail-header {
         display: none;
     }