From 2270060045e0df8321397cbb6fd36740db058db6 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 12 Oct 2023 15:53:34 +0200
Subject: [PATCH] wip #6404 @0.25

---
 style/101-header-footer.sass    | 6 ++++++
 views/header_question.blade.php | 9 ++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/style/101-header-footer.sass b/style/101-header-footer.sass
index 94e84ee..a25a9e0 100644
--- a/style/101-header-footer.sass
+++ b/style/101-header-footer.sass
@@ -51,6 +51,9 @@ header
         height: auto
         +font-size(24)
 
+        &.small
+            +font-size(18)
+
 .footer
     position: absolute
     bottom: 0
@@ -86,6 +89,9 @@ header
             +font-size(20)
             height: 84px
 
+            &.small
+                +font-size(16)
+
     .footer
         +flex-config(center, false, row, center)
 
diff --git a/views/header_question.blade.php b/views/header_question.blade.php
index 9303f0b..03f1648 100644
--- a/views/header_question.blade.php
+++ b/views/header_question.blade.php
@@ -1,3 +1,10 @@
+@php
+    $h1class='';
+    if(mb_strlen($question['question'])>105){
+        $h1class='small';
+    }
+@endphp
+
 {{-- $__('Confirm the match') --}}
 <header class="header-question">
     <p class="abovetitle">{{ $__('Question').' '.($position+1).'/'.$max }} </p>
@@ -20,7 +27,7 @@
         <h2 class="subtitle"
             class="only-desktop">{{$__('When you feel the answer is appropriate, confirm the match to move on to the next question')}}</h2>
     @else
-        <h1 id="titleQuestion">{{$question['question']}}</h1>
+        <h1 class="{{$h1class}}" id="titleQuestion">{{$question['question']}}</h1>
     @endif
 
 
-- 
2.39.5