From c64e52d9e62cc1b66cda3d32478e6a9424a5ecd5 Mon Sep 17 00:00:00 2001
From: Ben Sturmfels <ben@sturm.com.au>
Date: Wed, 8 Feb 2023 22:44:44 +1100
Subject: [PATCH] Improve the .small-left/right and .medium-left/right classes

---
 .../static/css/conservancy-bigscreen.css      | 22 +++++++++++--------
 www/conservancy/static/css/conservancy.css    |  4 ++++
 2 files changed, 17 insertions(+), 9 deletions(-)

diff --git a/www/conservancy/static/css/conservancy-bigscreen.css b/www/conservancy/static/css/conservancy-bigscreen.css
index a7a4b0ed..281c66f2 100644
--- a/www/conservancy/static/css/conservancy-bigscreen.css
+++ b/www/conservancy/static/css/conservancy-bigscreen.css
@@ -57,25 +57,29 @@ dd {
 .small-left {
     float: left;
     height: auto;
-    width: 25%;
-    margin-left: 1.2em;
-    margin-bottom: .4em;
+    max-width: 20rem;
+    margin: 0 2rem 0.5rem 0;
 }
 
 .small-right {
     float: right;
     height: auto;
-    width: 25%;
-    margin-right: 1.2em;
-    margin-bottom: .4em;
+    max-width: 20rem;
+    margin: 0 0 0.5rem 2rem;
+}
+
+.medium-left {
+    float: left;
+    height: auto;
+    max-width: 30rem;
+    margin: 0 2rem 0.5rem 0;
 }
 
 .medium-right {
     float: right;
     height: auto;
-    width: 50%;
-    margin-left: .7em;
-    margin-bottom: .7em;
+    max-width: 30rem;
+    margin: 0 0 0.5rem 2rem;
 }
 
 img.blog-right {
diff --git a/www/conservancy/static/css/conservancy.css b/www/conservancy/static/css/conservancy.css
index a5e9562a..aa16dc1d 100644
--- a/www/conservancy/static/css/conservancy.css
+++ b/www/conservancy/static/css/conservancy.css
@@ -83,6 +83,10 @@ input:focus {
   box-shadow: 0 0 0 .25rem rgb(236, 99, 67, .5);
 };
 
+video {
+    max-width: 100%;
+    margin: 1rem 0;
+}
 
 a.read-more {
     cursor: pointer;