From e41529460c038c816be877051990ff47c4eb4980 Mon Sep 17 00:00:00 2001
From: Camil Staps
Date: Sat, 8 Feb 2025 08:44:08 +0100
Subject: More improvements for small screens

---
 resources/sass/style.scss | 35 ++++++++++++++++++++++++++++++-----
 1 file changed, 30 insertions(+), 5 deletions(-)

(limited to 'resources/sass')

diff --git a/resources/sass/style.scss b/resources/sass/style.scss
index 874ed83..13242db 100644
--- a/resources/sass/style.scss
+++ b/resources/sass/style.scss
@@ -103,16 +103,41 @@ body {
 	word-wrap: anywhere; /* utlity to prevent horizontal scrolling on small screens */
 }
 
+@media (max-width: 1269px) {
+	.opt-break {
+		clear: both;
+		display: inline-block;
+	}
+}
+
 abbr {
 	border-width: 0 !important;
 }
 
-img#profile {
-	margin: 1em 1em 1em 0;
-}
+header > div {
+	@media (min-width: 500px) {
+		display: table-row;
+
+		img#profile {
+			margin: 1em 1em 1em 0;
+			max-width: 30vw;
+		}
 
-div#basicinfo {
-	margin-top: 1em;
+		div#basicinfo {
+			margin-top: 1em;
+		}
+	}
+
+	@media (max-width: 499px) {
+		img#profile {
+			margin: 1em 0;
+			max-width: unset !important;
+		}
+
+		div#basicinfo {
+			clear: both;
+		}
+	}
 }
 
 hr {
-- 
cgit v1.2.3