From 91b4903c1f3846c49ca1d2394e48928f90cf1887 Mon Sep 17 00:00:00 2001
From: Mark Haslinghuis <mark@numloq.nl>
Date: Sat, 7 Jan 2023 02:55:35 +0100
Subject: [PATCH] Fix OSD preview for Android

---
 src/css/tabs/osd.less | 50 +++----------------------------------------
 1 file changed, 3 insertions(+), 47 deletions(-)

diff --git a/src/css/tabs/osd.less b/src/css/tabs/osd.less
index 37a10ed686f..60ed61f0f65 100644
--- a/src/css/tabs/osd.less
+++ b/src/css/tabs/osd.less
@@ -351,8 +351,7 @@
 		}
 		.osd-preview {
 			flex: 2 0 auto;
-			width: 740px;
-			max-width: max(min(950px,calc((100vh - 470px) * 1.25)), 636px);
+			max-width: 740px;
 		}
 		.osd-profile {
 			flex: 1 1 auto;
@@ -512,51 +511,20 @@ button {
 	.tab-osd {
 		.osd-preview {
 			order: 1;
-			min-width: 950px;
+			min-width: 100%;
 		}
 		.osd-feature {
 			order: 2;
-			min-width: 450px;
 		}
 		.osd-profile {
 			order: 3;
-			min-width: 450px;
-		}
-	}
-}
-@media all and (max-width: 1200px) {
-	.tab-osd {
-		.osd-preview {
-			order: 1;
-			min-width: 740px;
-		}
-		.osd-feature {
-			order: 2;
-			min-width: 400px;
-		}
-		.osd-profile {
-			order: 3;
-			min-width: 400px;
-		}
-	}
-}
-@media only screen and (max-width: 1055px) {
-	.tab-osd {
-		.content_wrapper {
-			height: calc(100% - 30px);
-		}
-	}
-}
-@media only screen and (max-device-width: 1055px) {
-	.tab-osd {
-		.content_wrapper {
-			height: calc(100% - 30px);
 		}
 	}
 }
 @media all and (max-width: 575px) {
 	.tab-osd {
 		.osd-preview {
+			min-width: 100%;
 			order: 1;
 		}
 		.osd-feature {
@@ -567,11 +535,6 @@ button {
 			order: 3;
 			max-width: 100%;
 		}
-		.preview.requires-osd-feature {
-			width: 100%;
-			max-width: 363px;
-			margin-left: 0;
-		}
 	}
 	#fontmanagercontent {
 		max-width: 100%;
@@ -590,10 +553,3 @@ button {
 		margin-bottom: 15px;
 	}
 }
-@media all and (max-width: 575px) and (min-width: 390px) {
-	.tab-osd {
-		.preview.requires-osd-feature {
-			margin-left: calc((100% - 363px) / 2);
-		}
-	}
-}