From f47835cec391db6e1aee2140eb32b68aae52be67 Mon Sep 17 00:00:00 2001
From: szaimen <szaimen@e.mail.de>
Date: Tue, 21 Dec 2021 12:28:12 +0100
Subject: [PATCH 1/3] improve accessibility settings on mobile

Signed-off-by: szaimen <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
---
 apps/accessibility/css/style.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/apps/accessibility/css/style.scss b/apps/accessibility/css/style.scss
index b00aa5d06fef1..99033773d8924 100644
--- a/apps/accessibility/css/style.scss
+++ b/apps/accessibility/css/style.scss
@@ -61,3 +61,13 @@
 		}
 	}
 }
+
+@media (max-width: 500px) {
+	.app-settings #accessibility .preview-list .preview {
+		display: unset;
+
+		.preview-image {
+			height: 150px;
+		}
+	}
+}

From 729ef0063f440db604aef96ca1e0efe0c4d07c67 Mon Sep 17 00:00:00 2001
From: szaimen <szaimen@e.mail.de>
Date: Tue, 21 Dec 2021 20:52:49 +0100
Subject: [PATCH 2/3] address review

Signed-off-by: szaimen <szaimen@e.mail.de>
---
 apps/accessibility/css/style.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/accessibility/css/style.scss b/apps/accessibility/css/style.scss
index 99033773d8924..0de3ab2144458 100644
--- a/apps/accessibility/css/style.scss
+++ b/apps/accessibility/css/style.scss
@@ -62,7 +62,7 @@
 	}
 }
 
-@media (max-width: 500px) {
+@media (max-width: $breakpoint-mobile/2) {
 	.app-settings #accessibility .preview-list .preview {
 		display: unset;
 

From 963220dbd7749e06c4356cfdbf162f2be5ff9190 Mon Sep 17 00:00:00 2001
From: szaimen <szaimen@e.mail.de>
Date: Thu, 23 Dec 2021 12:24:17 +0100
Subject: [PATCH 3/3] address 2nd review

Signed-off-by: szaimen <szaimen@e.mail.de>
---
 apps/accessibility/css/style.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/accessibility/css/style.scss b/apps/accessibility/css/style.scss
index 0de3ab2144458..9dd2e428d80df 100644
--- a/apps/accessibility/css/style.scss
+++ b/apps/accessibility/css/style.scss
@@ -62,7 +62,7 @@
 	}
 }
 
-@media (max-width: $breakpoint-mobile/2) {
+@media (max-width: ($breakpoint-mobile / 2)) {
 	.app-settings #accessibility .preview-list .preview {
 		display: unset;