From 67832c6df6d6cae5426037d73190ec760639d5c2 Mon Sep 17 00:00:00 2001
From: Frans Bouma <frans@sd.nl>
Date: Tue, 23 Feb 2021 11:43:23 +0100
Subject: [PATCH] Fixed themes so it's no longer centering elements which
 shouldn't be centered

---
 Themes/Default/Destination/css/theme.css    | 21 +++++++++++++++------
 Themes/LLBLGenPro/Destination/css/theme.css | 21 +++++++++++++++------
 Themes/Light/Destination/css/theme.css      | 21 +++++++++++++++------
 3 files changed, 45 insertions(+), 18 deletions(-)

diff --git a/Themes/Default/Destination/css/theme.css b/Themes/Default/Destination/css/theme.css
index e7e3c3d..b7f388b 100644
--- a/Themes/Default/Destination/css/theme.css
+++ b/Themes/Default/Destination/css/theme.css
@@ -511,11 +511,6 @@ td {
 	visibility: hidden;
 }
 
-div.figure {
-	align-items: center;
-	text-align: center;
-}
-
 img.shadowed, div.figure img {
 	margin: 0 auto;
 	box-shadow: 0px 0px 10px rgba(10,10,10,0.3);
@@ -1164,7 +1159,6 @@ div.figure p {
 	padding: 1.618em 3.236em;
 	height: 100%;
 	max-width: 800px;
-	margin: auto;
 }
 
 .side-nav-search {
@@ -1263,6 +1257,11 @@ div.figure p {
 }
 
 @media only screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.form input[type="text"] {
 		margin-bottom: 0.3em;
 		display: block;
@@ -1275,6 +1274,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.mobile-hide {
 		display: none;
 	}
@@ -1289,6 +1293,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 768px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.nav-top {
 		display: block;
 	}
diff --git a/Themes/LLBLGenPro/Destination/css/theme.css b/Themes/LLBLGenPro/Destination/css/theme.css
index 133fc8c..3471e16 100644
--- a/Themes/LLBLGenPro/Destination/css/theme.css
+++ b/Themes/LLBLGenPro/Destination/css/theme.css
@@ -511,11 +511,6 @@ td {
 	visibility: hidden;
 }
 
-div.figure {
-	align-items: center;
-	text-align: center;
-}
-
 img.shadowed, div.figure img {
 	margin: 0 auto;
 	box-shadow: 0px 0px 8px rgba(10,10,10,0.2)
@@ -1164,7 +1159,6 @@ div.figure p {
 	padding: 1.618em 3.236em;
 	height: 100%;
 	max-width: 800px;
-	margin: auto;
 }
 
 .side-nav-search {
@@ -1263,6 +1257,11 @@ div.figure p {
 }
 
 @media only screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+	
 	.form input[type="text"] {
 		margin-bottom: 0.3em;
 		display: block;
@@ -1275,6 +1274,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.mobile-hide {
 		display: none;
 	}
@@ -1289,6 +1293,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 768px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.nav-top {
 		display: block;
 	}
diff --git a/Themes/Light/Destination/css/theme.css b/Themes/Light/Destination/css/theme.css
index e7e3c3d..b7f388b 100644
--- a/Themes/Light/Destination/css/theme.css
+++ b/Themes/Light/Destination/css/theme.css
@@ -511,11 +511,6 @@ td {
 	visibility: hidden;
 }
 
-div.figure {
-	align-items: center;
-	text-align: center;
-}
-
 img.shadowed, div.figure img {
 	margin: 0 auto;
 	box-shadow: 0px 0px 10px rgba(10,10,10,0.3);
@@ -1164,7 +1159,6 @@ div.figure p {
 	padding: 1.618em 3.236em;
 	height: 100%;
 	max-width: 800px;
-	margin: auto;
 }
 
 .side-nav-search {
@@ -1263,6 +1257,11 @@ div.figure p {
 }
 
 @media only screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.form input[type="text"] {
 		margin-bottom: 0.3em;
 		display: block;
@@ -1275,6 +1274,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 480px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.mobile-hide {
 		display: none;
 	}
@@ -1289,6 +1293,11 @@ div.figure p {
 }
 
 @media screen and (max-width: 768px) {
+	img {
+		max-width: 100%;
+		height:auto;
+	}
+
 	.nav-top {
 		display: block;
 	}