From 4b34a61ac9e8e21f04a0c774ae65bfc149eb18fa 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 9d2c19fa698a13df83707293905925f8ad618e84 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 a373ab4de173bf4119f81a75c9a3b38d3ca83469 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;