From: Andrew Engelbrecht <andrew@fsf.org>
Date: Wed, 31 Jul 2019 20:49:15 +0000 (-0400)
Subject: adjusted product teaser image size / margin
X-Git-Url: https://vcs.fsf.org/?p=ryf-theme.git;a=commitdiff_plain;h=00e72ccd7b8abe160f652b153100d0e924ab856c;hp=2558a104948a978e3dc1387221daf041210cd15c

adjusted product teaser image size / margin

adjustment in case image is taller than it is wide, also adding a margin
---

diff --git a/css/style.css b/css/style.css
index b5ffa34..f726dc4 100644
--- a/css/style.css
+++ b/css/style.css
@@ -144,11 +144,13 @@ a { transition: 0.3s; }
 }
 
 .ryf-list .field--name-field-image {
-  margin: 0 auto;
+  margin: 0 auto 10px auto;
 }
 
 .ryf-list img {
   max-width: 150px;
+  max-height: 150px;
+  object-fit: contain;
   overflow: hidden;
 }