tweaked ryf-list image css for odd shaped images

[ryf-theme.git] / css / style.css

diff --git a/css/style.css b/css/style.css
index da1409a2af9606870ef545c5e21a6f5a0ef1ad0a..72a0448e1904bdd63ea5e328dc4cc6d931e2924d 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -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;
 }
 
@@ -522,7 +529,7 @@ nav .search-block-form {
   .view-taxonomy-term .view-header .field--name-field-vendor-website,
   .view-taxonomy-term .view-header .field--name-field-vendor-support-link,
   .view-taxonomy-term .view-header .field--name-field-vendor-support-email {
-    margin-left: 260px;
+    margin: 15px auto 0 260px;
   }
 
 }