From c64e52d9e62cc1b66cda3d32478e6a9424a5ecd5 2023-02-08 11:44:44
From: Ben Sturmfels <ben@sturm.com.au>
Date: 2023-02-08 11:44:44
Subject: [PATCH] Improve the .small-left/right and .medium-left/right classes

---

diff --git a/www/conservancy/static/css/conservancy-bigscreen.css b/www/conservancy/static/css/conservancy-bigscreen.css
index a7a4b0ed2070333c981604965706d23278c2d975..281c66f294d7a4da4897c59cdf743a8b46be061d 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 a5e9562aa4ea6cb62ce1f14426980b1ee0d4eaf8..aa16dc1d32131d77b35c1eb07953ebc1863854ba 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;