ryf-list align fix

diff --git a/css/style.css b/css/style.css
index 61900c81a94dd877345c876b6cb2acf56ca50a94..182aaf62a0a2ac05dcbdb124ec20e9a87f6c1581 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -289,12 +289,6 @@ nav .search-block-form {
   box-shadow: 0px 0px 5px #aaa;
 }
 
-.ryf-list article:before {
-    content: '';
-    float: left;
-    padding-top: 100%;
-}
-
 .ryf-list .field--type-image {
   width: 150px;
   height: 150px;
@@ -327,33 +321,29 @@ nav .search-block-form {
   margin: 0;
   padding: 0;
   padding-bottom: 1em;
-  height: 100px;
-  overflow: hidden;
 }
 
 .ryf-list a {
   color: #337AB7;
-  text-decoration: none;
 }
 
 .ryf-list a:hover {
   color: #000;
 }
 
-.ryf-list .node-readmore,
-.ryf-list .tags,
-.ryf-list .supplier {
-  width: 100%;
-  float: left;
+.ryf-list .list-inline li {
   font-size: 0.9em;
-  border-top: 1px solid #ccc4c4;
-  margin-top: 5px;
-  padding-top: 5px;
-  color: #afadad;
+  border: 1px solid #ddd;
+  width: auto;
+  border-radius: 0.5em;
+  padding: 0.3em 0.5em;
+  position: absolute;
+  bottom: 15px;
+  right: 15px;
 }
 
-.ryf-list .node-readmore {
-  text-align: right;
+.ryf-list .list-inline li:hover {
+  background: #eee;
 }
 
 @media screen and (min-width: 450px) and (max-width: 659px) {
@@ -381,6 +371,14 @@ nav .search-block-form {
   .auto-clear .col-xs-12:nth-child(odd){clear:left;}
 }
 
+@media screen and (min-width: 55em) {
+
+  .ryf-list article {
+      min-height: 360px
+  }
+
+}
+
 
 /* Vendors list */
 
@@ -495,7 +493,6 @@ nav .search-block-form {
 @media screen and (max-width: 559px) {
   .view-taxonomy-term.view-display-id-taxonomy_term_vendor .view-header {
     margin: 0 auto 40px auto;
-
     overflow: auto;
   }
 
@@ -518,13 +515,11 @@ nav .search-block-form {
 @media screen and (min-width: 560px) {
   .view-taxonomy-term.view-display-id-taxonomy_term_vendor .view-header {
     margin: 0 0 40px 0;
-
     overflow: auto;
   }
 
   .view-taxonomy-term .view-header .field--name-field-icon {
     width: 220px;
-
     float: left;
   }
 
@@ -581,10 +576,8 @@ nav .search-block-form {
 
 .page-node-type-product .product .field--name-field-extra-images {
   padding: 5px;
-
   display: flex;
   align-items: center;
-
   border: 1px solid #888;
   border-radius: 10px;
 }
@@ -685,7 +678,6 @@ nav .search-block-form {
   .page-node-type-product .product .field--name-field-extra-images {
     float: left;
     clear: left;
-
     width: 382px;
     margin-top: 10px;
   }
@@ -831,6 +823,7 @@ nav .search-block-form {
 }
 
 /* full page width for footer */
+
 .footer {
   width: 100%;
 }