increased image size in search results

diff --git a/css/style.css b/css/style.css
index a730671..e15e8f6 100644 (file)
--- a/css/style.css
+++ b/css/style.css
@@ -839,7 +839,7 @@ nav .search-block-form {
 
 .path-search .region-content > ol li {
   width: 280px;
 
 .path-search .region-content > ol li {
   width: 280px;

-  height: 280px;
+  height: 320px;

   margin: 0px auto;
   padding: 10px;
 
   margin: 0px auto;
   padding: 10px;
 


@@ -854,8 +854,8 @@ nav .search-block-form {
 }
 
 .path-search .region-content > ol li .search-image {
 }
 
 .path-search .region-content > ol li .search-image {

-  width: 100px;
-  height: 100px;
+  width: 220px;
+  height: 220px;

 
   margin: 0 auto;
 
 
   margin: 0 auto;
 


@@ -863,6 +863,12 @@ nav .search-block-form {
   align-items: center;
 }
 
   align-items: center;
 }
 

+.path-search .region-content > ol li p {
+  display: block;
+  width: 220px;
+  margin: 0 auto;
+}
+

 .path-search .region-content > ol li img {
 }
 
 .path-search .region-content > ol li img {
 }
 

diff --git a/templates/search-result.html.twig b/templates/search-result.html.twig
index 69e99ea..7c1010e 100644 (file)
--- a/templates/search-result.html.twig
+++ b/templates/search-result.html.twig
@@ -66,7 +66,7 @@
 {% if node.field_image.0 %}
   <div class="search-image">
     <a href="{{ url }}">
 {% if node.field_image.0 %}
   <div class="search-image">
     <a href="{{ url }}">

-      <img src="{{ node.field_image.0.entity.uri.value | image_style('thumbnail') }}">
+      <img src="{{ node.field_image.0.entity.uri.value | image_style('medium') }}">

     </a>
   </div>
 {% endif %}
     </a>
   </div>
 {% endif %}