From 15cbeab300bb4b91fce3714bac2a35e365f9919c Mon Sep 17 00:00:00 2001
From: Eniko Tot <eniko.tot@codebrewery.hu>
Date: Tue, 16 Jan 2024 10:03:13 +0100
Subject: [PATCH] [WIP] Continue converting job description and job detail data
 rendering

---
 .../Bootstrap5/Joblist/ApplyForm.html         | 49 ++++++++++---------
 1 file changed, 27 insertions(+), 22 deletions(-)

diff --git a/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html b/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html
index e9721eb4..65aa2b03 100644
--- a/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html
+++ b/Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html
@@ -43,7 +43,7 @@
                     <div class="col-md-4 col-sm-6 col-xs-12">
                         <div class="card shadow">
                             <div class="card-header text-bg-light">
-                                <ul>
+                                <ul class="mb-0">
                                     <li>
                                         <f:format.raw>
                                             <f:translate key="frontend.jobStart" />
@@ -100,51 +100,56 @@
                                     </f:format.raw>
                                 </h3>
                                 <f:if condition="!{job.hideApplyByPostal}">
-                                    <div>
-                                        <f:format.raw>
-                                            <f:translate key="frontend.job.via.post" />
-                                        </f:format.raw><br>
-                                        {job.company.name}<br>
+                                    <div class="py-4">
+                                        <p class="mb-2">
+                                            <f:format.raw>
+                                                <f:translate key="frontend.job.via.post" />
+                                            </f:format.raw>
+                                        </p>
+                                        <f:if condition="{job.company}">
+                                            <p class="mb-2">
+                                                {job.company.0.name}
+                                            </p>
+                                        </f:if>
                                         <f:if condition="{job.contact}">
                                             <f:then>
-                                                {job.contact.title} {job.contact.firstName} {job.contact.lastName}<br>
+                                                <p class="mb-2">{job.contact.title} {job.contact.firstName} {job.contact.lastName}</p>
                                             </f:then>
                                             <f:else>
-                                                {job.company.contact.title} {job.company.contact.firstName}
-                                                {job.company.contact.lastName}<br>
+                                                <p class="mb-2">{job.company.contact.title} {job.company.contact.firstName} {job.company.contact.lastName}</p>
                                             </f:else>
                                         </f:if>
                                         <f:if condition="{job.contact} && {job.contact.street}">
                                             <f:then>
-                                                {job.contact.street}<br>
+                                                <p class="mb-2">{job.contact.street}</p>
                                                 <f:if condition="{job.contact.state}">
-                                                    {job.contact.state}<br>
+                                                    <p class="mb-2">{job.contact.state}</p>
                                                 </f:if>
-                                                {job.contact.zip} {job.contact.city}
+                                                <p class="mb-2">{job.contact.zip} {job.contact.city}</p>
                                                 <f:if condition="{job.contact.country}">
-                                                    <br>{job.contact.country}
+                                                    <p class="mb-2">{job.contact.country}</p>
                                                 </f:if>
                                             </f:then>
                                             <f:else>
                                                 <f:if condition="{job.company.contact} && {job.company.contact.street}">
                                                     <f:then>
-                                                        {job.company.contact.street}<br>
+                                                        <p class="mb-2">{job.company.contact.street}</p>
                                                         <f:if condition="{job.company.contact.state}">
-                                                            {job.company.contact.state}<br>
+                                                            <p class="mb-2">{job.company.contact.state}</p>
                                                         </f:if>
-                                                        {job.company.contact.zip} {job.company.contact.city}
+                                                        <p class="mb-2">{job.company.contact.zip} {job.company.contact.city}</p>
                                                         <f:if condition="{job.company.contact.country}">
-                                                            <br>{job.company.contact.country}
+                                                            <p class="mb-2">{job.company.contact.country}</p>
                                                         </f:if>
                                                     </f:then>
                                                     <f:else>
-                                                        {job.company.street}<br>
+                                                        <p class="mb-2">{job.company.street}</p>
                                                         <f:if condition="{job.company.state}">
-                                                            {job.company.state}<br>
+                                                            <p class="mb-2">{job.company.state}</p>
                                                         </f:if>
-                                                        {job.company.zip} {job.company.city}
+                                                        <p class="mb-2">{job.company.zip} {job.company.city}</p>
                                                         <f:if condition="{job.company.country}">
-                                                            <br>{job.company.country}
+                                                            <p class="mb-2">{job.company.country}</p>
                                                         </f:if>
                                                     </f:else>
                                                 </f:if>
@@ -166,7 +171,7 @@
                                     </div>
                                 </f:if>
 
-                                <p>
+                                <p class="py-4">
                                     <f:format.raw>
                                         <f:translate key="frontend.job.suggestForm" />
                                     </f:format.raw>
-- 
GitLab