tweaked ryf-list image css for odd shaped images
authorAndrew Engelbrecht <andrew@fsf.org>
Mon, 4 Nov 2019 21:28:48 +0000 (16:28 -0500)
committerAndrew Engelbrecht <andrew@fsf.org>
Mon, 4 Nov 2019 21:28:48 +0000 (16:28 -0500)
this way wide images won't get horizontally compressed

css/style.css

index 1841ffc..72a0448 100644 (file)
@@ -303,12 +303,19 @@ nav .search-block-form {
   border-radius: 5px;
   position: relative;
   text-align: center;
+  display: flex;
+  align-items: center;
 }
 
-.ryf-list img {
+.ryf-list .field--type-image a {
+  display: inline-block;
+  margin: 0 auto;
+}
+
+.ryf-list .field--type-image img {
   width: auto;
-  height: 100%;
-  margin: auto 0;
+  max-height: 150px;
+  margin: 0 auto;
   display: inline-block;
 }