[TASK] Further adjust ApplyForm layout

Resources/Private/Language/de.locallang.xlf

@@ -214,6 +214,10 @@
 				<source><![CDATA[Apply now as %s]]></source>
 				<target><![CDATA[Jetzt als %s bewerben]]></target>
 			</trans-unit>
+			<trans-unit id="frontend.apply.applyNow" resname="frontend.apply.applyNow" approved="yes">
+				<source><![CDATA[Apply now]]></source>
+				<target><![CDATA[Jetzt bewerben]]></target>
+			</trans-unit>
 			<trans-unit id="frontend.apply.birthDate" resname="frontend.apply.birthDate" approved="yes">
 				<source><![CDATA[Birth date *]]></source>
 				<target><![CDATA[Geburtsdatum *]]></target>

Resources/Private/Language/locallang.xlf

@@ -177,6 +177,9 @@
 			<trans-unit id="frontend.apply.applyAsNow" resname="frontend.apply.applyAsNow">
 				<source><![CDATA[Apply now as %s]]></source>
 			</trans-unit>
+			<trans-unit id="frontend.apply.applyNow" resname="frontend.apply.applyNow">
+				<source><![CDATA[Apply now]]></source>
+			</trans-unit>
 			<trans-unit id="frontend.apply.birthDate" resname="frontend.apply.birthDate">
 				<source><![CDATA[Birth date *]]></source>
 			</trans-unit>

Resources/Private/Templates/Bootstrap5/Joblist/ApplyForm.html

@@ -23,13 +23,15 @@
 			</f:if>
 		</h2>
 		<f:if condition="{job.attachment}">
-			<f:link.typolink target="_blank" parameter="{job.attachment.0.originalResource.publicUrl}" class="ms-auto" additionalAttributes="{alt: '{f:translate(key: \'frontend.attachment\', extensionName: \'SgJobs\')} (PDF, {job.attachment.0.originalResource.size -> f:format.bytes()})'}">
-				<sg:renderSvg name="fontawesome/solid/download" width="24" height="24" color="currentColor" createColorAttribute="TRUE" />
-			</f:link.typolink>
+			<div class="ms-auto">
+				<f:link.typolink target="_blank" parameter="{job.attachment.0.originalResource.publicUrl}" class="btn btn-outline-dark" additionalAttributes="{alt: '{f:translate(key: \'frontend.attachment\', extensionName: \'SgJobs\')} (PDF, {job.attachment.0.originalResource.size -> f:format.bytes()})'}">
+					<sg:renderSvg name="fontawesome/solid/download" width="20" height="20" color="currentColor" createColorAttribute="TRUE" />
+				</f:link.typolink>
+			</div>
 		</f:if>
 	</div>
 	<div class="default-content-element">
-		<ul class="list-unstyled hstack gap-4">
+		<ul class="list-unstyled vstack flex-sm-row gap-4">
 			<li class="hstack gap-2 align-items-center">
 				<sg:renderSvg name="fontawesome/solid/clock" width="16"
 				height="16" color="currentColor"
@@ -104,7 +106,7 @@
 			<div class="row sgjobs-description">
 				<input id="maxFileSize" type="hidden" data-maxFileSize="{maxFileSize}" />
 				<input id="maxFileSizeMessage" type="hidden" data-maxFileSizeMessage="{maxFileSizeMessage}" />
-				<div class="col-md-8 col-sm-6 col-12 vstack gap-8">
+				<div class="col-md-8 col-sm-6 col-12 vstack gap-4">
 					<div class="mb-last-child-0"><f:format.html parseFuncTSPath="lib.parseFunc_RTE">{job.task}</f:format.html></div>
 					<div class="mb-last-child-0">
 						<h3 class="h4">
@@ -226,7 +228,7 @@
 			<div class="container">
 				<f:if condition="{job}">
 					<h2>
-						<f:translate key="frontend.apply.applyAsNow" arguments="{0: '{job.title}'}" />
+						<f:translate key="frontend.apply.applyNow" />
 					</h2>
 				</f:if>
 				<f:form action="apply" class="vstack gap-8 needs-validation" novalidate="novalidate" id="apply" controller="Joblist" method="post" name="applyData" object="{applyData}" enctype="multipart/form-data" hiddenFieldClassName="d-none">

Resources/Public/Sass/Bootstrap5/_sg-jobs.scss

@@ -18,3 +18,9 @@ form.was-validated .dropzone {
 		}
 	}
 }
+
+.sgjobs-description .social-sharer > .justify-content-center {
+	@include media-breakpoint-up(sm) {
+		justify-content: flex-start;
+	}
+}