Merge pull request #396 from NGO-Algorithm-Audit/feature/2026-02-11

Feature/2026 02 11

Author: jfparie

assets/scss/templates/_main.scss

@@ -84,7 +84,7 @@ input[type="checkbox"] {
     padding-bottom: 3rem;
   }
   .promobar-mobile-desktop-layout{
-    height: 50px;
+    min-height: 50px;
     align-items: center;
     justify-content: center;
   }
@@ -156,7 +156,7 @@ input[type="checkbox"] {
     padding-bottom: 1rem;
   }
   .promobar-mobile-desktop-layout{
-    height: 100px;
+    min-height: 100px;
   }
   .mobile-desktop-margin{
     padding-top: 3rem;

layouts/events/overview.html

@@ -62,22 +62,22 @@
                                                 <div class="col-12 col-lg-2 p-0 mt-0 text-center">
                                                     <img class="img-fluid img-event p-4" src="{{$event.image}}" />
                                                 </div>
-                                                <div class="col pt-3 pb-5" style="background-color: #ffffff;">
+                                                <div class="col py-3" style="background-color: #ffffff;">
                                                     <div class="row align-items-center">
                                                         <h4 class="mb-4 mx-3" style="color: #005aa7;">
                                                             {{$event.title}}
                                                         </h4>
                                                     </div>
-                                                    <div class="row pl-3" style="position: absolute; bottom: 0; font-weight: 300; font-size: 15px;">
+                                                    <div class="row pl-3" style="font-weight: 300; font-size: 15px;">
                                                         {{ if $event.date }}
-                                                        <span class="highlight-red-sm mr-2">
+                                                        <span class="highlight-red-sm m-1">
                                                             {{ $event.date }}
                                                         </span>
                                                         {{ end }}
                                                         {{ range $facet := $event.facets }}
                                                         {{ if $facet.hide }}
                                                         {{ else }}
-                                                        <span class="highlight-red-sm">{{$facet.label}}</span>
+                                                        <span class="highlight-red-sm m-1">{{$facet.label}}</span>
                                                         {{ end }}
                                                         {{end}}
                                                     </div>

layouts/shortcodes/accordion_item_open.html

@@ -5,17 +5,16 @@
                 <div class="col-12 col-lg-2 text-center">
                     <img class="img-fluid img-action" src={{.Get "image"}} />
                 </div>
-                <div class="col pt-3 pb-5 px-5">
+                <div class="col px-5 py-3">
                     <div class="row align-items-center">
                         <h4 class="mb-4 mx-1" style="color: #005aa7;">
                             {{.Get "title"}}
                         </h4>
                     </div>
-                    <div class="row"
-                        style="position: absolute; bottom: 0; font-weight: 300; font-size: 15px;">
+                    <div class="row" style="font-weight: 300; font-size: 15px;">
                         {{ $date := .Get "date" }}
                         {{ if $date }}
-                        <span style="color:#005aa7;" class="mr-1 mb-2 px-2 py-1 mx-1">
+                        <span class="highlight-red-sm m-1">
                             {{ $date }}
                         </span>
                         {{ end }}

layouts/shortcodes/promo_bar.html

@@ -1,19 +1,17 @@
 {{ $_hugo_config := `{ "version": 1 }` }}
 {{$param := int (.Get "index")}}
 {{ with index .Page.Params.promo_bar $param }}
-<div id={{.id}} class="container-fluid mt-0 p-0">
-    <div class="shadow bg-lightblue">
-        <div class="row promobar-mobile-desktop-layout">
-            <div class="d-flex justify-center align-items-center px-5 link__force-underline mx-auto">
-                <span class="mr-3" style="font-size:16px; color:#005aa7;">
-                    {{ .content | markdownify }}
-                </span>
-                {{if .iframe }}
-                <span>
-                    <iframe src={{.iframe}} frameborder="0" scrolling="0" width="150" height="20" title="GitHub"></iframe>
-                </span>
-                {{ end }}
-            </div>
+<div id={{.id}} class="container-fluid mt-0 p-0 shadow bg-lightblue">
+    <div class="row promobar-mobile-desktop-layout">
+        <div class="d-flex justify-center align-items-center py-4 px-5 link__force-underline mx-auto">
+            <span style="font-size:16px; color:#005aa7;">
+                {{ .content | markdownify }}
+            </span>
+            {{if .iframe }}
+            <span class="ml-2">
+                <iframe src={{.iframe}} frameborder="0" scrolling="0" width="150" height="20" title="GitHub"></iframe>
+            </span>
+            {{ end }}
         </div>
     </div>
 </div>