From 66cf055f0781d9047471214a0363b11402f051b5 Mon Sep 17 00:00:00 2001
From: bedroesb <bert.droesbeke@vib.be>
Date: Thu, 21 Nov 2024 09:21:32 +0100
Subject: [PATCH] page_img not part of title

---
 _includes/section-navigation-tiles.html | 20 ++++++++++----------
 assets/css/main.scss                    |  8 ++++----
 2 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/_includes/section-navigation-tiles.html b/_includes/section-navigation-tiles.html
index 880e663..2e66ab5 100644
--- a/_includes/section-navigation-tiles.html
+++ b/_includes/section-navigation-tiles.html
@@ -81,6 +81,9 @@
     {%- endif %}
     <div class="col" data-affiliations="{{affiliations_classes}}">
         <div class="card h-100">
+            {%- if current_page.page_img %}
+            <div class="d-flex">
+            {%- endif %}
             <div class="card-body d-flex flex-column">
                 <div class="d-flex align-items-center">
                     {%- if current_page.type_img %}
@@ -91,17 +94,7 @@
                     {%- endif %}
                 </div>
                 <a class="stretched-link section-title" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
-                    {%- if current_page.page_img %}
-                    <div class="d-flex justify-content-between">
-                    {%- endif %}
                     <b>{{current_page.title}}</b>
-                    {%- if current_page.page_img %}
-                    {%- capture file_url -%}
-                    {{ "/images/" | append: current_page.page_img | relative_url }}
-                    {%- endcapture -%}
-                    <img alt="logo of {{current_page.title}}" src="{{ file_url }}" class="d-inline tile-img-sm" />   
-                    </div>
-                    {%- endif %}
                 </a>
                 {%- if current_page.description %}
                 <p class="card-text h-100">{{ current_page.description}}</p>
@@ -139,6 +132,13 @@
                 </div>
                 {%- endif %}
             </div>
+            {%- if current_page.page_img %}
+            {%- capture file_url -%}
+            {{ "/images/" | append: current_page.page_img | relative_url }}
+            {%- endcapture -%}
+                <img alt="logo of {{current_page.title}}" src="{{ file_url }}" class="page-img-sm pt-3 pe-3" />   
+            </div>
+            {%- endif %}
         </div>
     </div>
     {% endunless %}
diff --git a/assets/css/main.scss b/assets/css/main.scss
index 59d5f92..4bf2ed6 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -1000,6 +1000,10 @@ a.info-collapse[aria-expanded="true"]:last-of-type + .show {
         .type-icon {
             height: 1.2rem;
         }
+        .page-img-sm {
+            max-height: 4em;
+            max-width: 6em;
+        }
     }
 }
 
@@ -1026,9 +1030,5 @@ iframe.scale {
     min-width: 8em;
 }
 
-/*------Tile Image-------*/
-.tile-img-sm {
-    height: 50px;
-  }
 
 @import "custom_classes";