From fcae5436fa74037c860bd3f484ba93ae6d8734ba Mon Sep 17 00:00:00 2001
From: Nicolas Demangeat <nicolas.demangeat@ldc.fr>
Date: Mon, 29 Jul 2024 11:08:15 +0200
Subject: [PATCH] fix: issue-61 for unveil blade

---
 resources/views/fo/pages/unveil.blade.php | 54 +++++++++++------------
 1 file changed, 26 insertions(+), 28 deletions(-)

diff --git a/resources/views/fo/pages/unveil.blade.php b/resources/views/fo/pages/unveil.blade.php
index b18fd96..f66c8a9 100644
--- a/resources/views/fo/pages/unveil.blade.php
+++ b/resources/views/fo/pages/unveil.blade.php
@@ -200,38 +200,36 @@
                                                 title="{{ $historicalMilestoneModel->picture_title }}"
                                                 alt="{{ $historicalMilestoneModel->picture_alt }}">
                                         @endif
-                                        <div class="z-3 position-relative text-primary historical-milestone-content text-center">
-                                            <div class="row justify-content-center justify-content-lg-end">
-                                                <div class="col-12 col-lg-6">
-                                                    <p class="year fw-bold text-{{ $colors[$loop->index % 4] }} pb-lg-0 mb-5 pb-5">
-                                                        {{ $historicalMilestoneModel->year }}
+                                        <div class="row justify-content-center justify-content-lg-end">
+                                            <div class="col-12 col-lg-6">
+                                                <p class="year fw-bold text-{{ $colors[$loop->index % 4] }} pb-lg-0 mb-5 pb-5 text-center">
+                                                    {{ $historicalMilestoneModel->year }}
+                                                </p>
+                                            </div>
+                                            @if ($historicalMilestoneModel->picture)
+                                                <img class="position-relative picture d-lg-none"
+                                                    src="{{ $historicalMilestoneModel->picture }}"
+                                                    title="{{ $historicalMilestoneModel->picture_title }}"
+                                                    alt="{{ $historicalMilestoneModel->picture_alt }}">
+                                            @endif
+                                            <div class="col-12 col-lg-3 text-lg-start d-flex flex-column justify-content-end">
+                                                <div class="slide-content mx-lg-0 p-lg-0 mx-auto w-fit rounded p-3">
+                                                    <p class="fw-bold fs-5">
+                                                        {{ $historicalMilestoneModel->title }}
                                                     </p>
-                                                </div>
-                                                @if ($historicalMilestoneModel->picture)
-                                                    <img class="position-relative picture d-lg-none"
-                                                        src="{{ $historicalMilestoneModel->picture }}"
-                                                        title="{{ $historicalMilestoneModel->picture_title }}"
-                                                        alt="{{ $historicalMilestoneModel->picture_alt }}">
-                                                @endif
-                                                <div class="col-12 col-lg-3 text-lg-start d-flex flex-column justify-content-end">
-                                                    <div class="slide-content mx-lg-0 p-lg-0 mx-auto w-fit rounded p-3">
-                                                        <p class="fw-bold fs-5">
-                                                            {{ $historicalMilestoneModel->title }}
+                                                    @if ($historicalMilestoneModel->text)
+                                                        <p>
+                                                            {{ $historicalMilestoneModel->text }}
                                                         </p>
-                                                        @if ($historicalMilestoneModel->text)
-                                                            <p>
-                                                                {{ $historicalMilestoneModel->text }}
-                                                            </p>
-                                                        @endif
-                                                    </div>
-                                                    @if ($historicalMilestoneModel->button_status)
-                                                        <a class="btn btn-{{ $colors[$loop->index % 4] }} rounded-5 mt-3 text-inherit text-white"
-                                                            href="{{ $historicalMilestoneModel->button_url }}"
-                                                            @if ($historicalMilestoneModel->button_new_tab) target="_blank" @endif>
-                                                            {{ $historicalMilestoneModel->button_label }}
-                                                        </a>
                                                     @endif
                                                 </div>
+                                                @if ($historicalMilestoneModel->button_status)
+                                                    <a class="btn btn-{{ $colors[$loop->index % 4] }} rounded-5 mt-3 text-inherit text-white"
+                                                        href="{{ $historicalMilestoneModel->button_url }}"
+                                                        @if ($historicalMilestoneModel->button_new_tab) target="_blank" @endif>
+                                                        {{ $historicalMilestoneModel->button_label }}
+                                                    </a>
+                                                @endif
                                             </div>
                                         </div>
                                     </div>