updated extra images div

removed color and border, so it doesn't stand out as much. also removed
centering of images

diff --git a/css/style.css b/css/style.css
index a722bb1ba4daf5f250e30db795146b02fbb89f18..da225ba28abc7630a854fd763bdcf5b0a9d10445 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -624,18 +624,19 @@ nav .search-block-form {
 }
 
 .page-node-type-product .product .field--name-field-extra-images {
-  padding: 5px;
+  padding: 0 11px;
   display: flex;
   align-items: center;
-  border: 1px solid #888;
-  border-radius: 10px;
 }
 
 .page-node-type-product .product .field--name-field-extra-images .field--item {
   display: inline-block;
-  margin: auto;
+  margin-right: 15px;
   padding: 5px;
 }
+.page-node-type-product .product .field--name-field-extra-images .field--item:last-child {
+  margin-right: 0;
+}
 
 .page-node-type-product .product .field--name-field-categories,
 .page-node-type-product .product .field--name-field-vendor {
@@ -677,10 +678,6 @@ nav .search-block-form {
   background-color: #fff;
   border-color: #aaa;
 }
-.page-node-type-product .product .field--name-field-extra-images {
-  background-color: #f3f3f3;
-  border-color: #aaa;
-}
 
 @media screen and (max-width: 767px) {
   .page-node-type-product .product .field--name-field-extra-images {