From e506bf67860c1b923e60cc790ca1e697448d0072 Mon Sep 17 00:00:00 2001
From: steverusso <steverusso@protonmail.com>
Date: Tue, 28 Apr 2020 11:30:13 -0400
Subject: [PATCH 1/2] Fix the About page quote text-align on different screen
 sizes.

---
 layouts/section/about.html | 4 ++--
 static/simplesystems.css   | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/layouts/section/about.html b/layouts/section/about.html
index 6d0ad74..53811c0 100644
--- a/layouts/section/about.html
+++ b/layouts/section/about.html
@@ -15,9 +15,9 @@
 						</div>
 
 						<div class="col xs-12 sm-grow">
-							<p class="mb-0">“Any darn fool can make something complex;<br>It takes a genius to make something simple.”</p>
+							<p class="mb-0 text-center text-sm-left">“Any darn fool can make something complex;<br>It takes a genius to make something simple.”</p>
 							<br>
-							<p class="ml-5">-- Albert Einstein</p>
+							<p class="text-center text-sm-right">-- Albert Einstein</p>
 						</div>
 					</div>
 				</div>
diff --git a/static/simplesystems.css b/static/simplesystems.css
index 461fb3c..d8c6ee2 100644
--- a/static/simplesystems.css
+++ b/static/simplesystems.css
@@ -77,7 +77,6 @@ hr, hr.light {
 	.col.sm-9 { width: 75% !important }
 	.col.sm-10 { width: 83.3334% !important }
 
-	.text-sm-center { text-align: center !important; }
 	.justify-sm-center { justify-content: center !important; }
 }
 @media (min-width: 950px) {
@@ -105,8 +104,14 @@ hr, hr.light {
 .align-center { align-items: center !important }
 .justify-center { justify-content: center !important }
 .justify-end { justify-content: end !important }
+
 .text-center { text-align: center !important }
 .text-right { text-align: right !important }
+@media (min-width: 600px) {
+	.text-sm-left { text-align: left !important }
+	.text-sm-center { text-align: center !important }
+	.text-sm-right { text-align: right !important }
+}
 
 .title { font-size: 1.25rem }
 .headline { font-size: 1.5rem }
-- 
2.45.2


From 3159c1e13dce313b68ec347fc31742525f6fa450 Mon Sep 17 00:00:00 2001
From: steverusso <steverusso@protonmail.com>
Date: Tue, 28 Apr 2020 11:47:50 -0400
Subject: [PATCH 2/2] Chrome is the new Explorer.

---
 layouts/section/about.html | 5 ++---
 static/simplesystems.css   | 4 ++--
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/layouts/section/about.html b/layouts/section/about.html
index 53811c0..5027a25 100644
--- a/layouts/section/about.html
+++ b/layouts/section/about.html
@@ -10,13 +10,12 @@
 			<div class="col">
 				<div class="card text-center">
 					<div class="row align-center">
-						<div class="col xs-12 sm-content">
+						<div class="col xs-12 sm-shrink">
 							<img src="/img/rocket.png" width="150" height="150">
 						</div>
 
-						<div class="col xs-12 sm-grow">
+						<div class="col xs-12 sm-grow" style="flex-basis: auto !important;">
 							<p class="mb-0 text-center text-sm-left">“Any darn fool can make something complex;<br>It takes a genius to make something simple.”</p>
-							<br>
 							<p class="text-center text-sm-right">-- Albert Einstein</p>
 						</div>
 					</div>
diff --git a/static/simplesystems.css b/static/simplesystems.css
index d8c6ee2..44a9f49 100644
--- a/static/simplesystems.css
+++ b/static/simplesystems.css
@@ -71,8 +71,8 @@ hr, hr.light {
 .col.shrink { flex: 0 0 auto !important }
 @media (min-width: 600px) {
 	.col.sm-content { flex-basis: content !important }
-	.col.sm-grow { flex-grow: 1 !important; flex-basis: 0 !important; }
-	.col.sm-shrink { flex: 0 0 auto !important; }
+	.col.sm-grow { flex: 1 0 0 !important; width: auto !important; }
+	.col.sm-shrink { flex: 0 0 auto !important; width: auto !important; }
 	.col.sm-6 { width: 50% !important }
 	.col.sm-9 { width: 75% !important }
 	.col.sm-10 { width: 83.3334% !important }
-- 
2.45.2