[TASK] Tweak job templates

Resources/Private/Partials/Bootstrap5/Filter.html

-<div class="default-content-element">
-	<f:form id="sgjobs-filter" class="text-bg-light p-6 rounded shadow-small vstack gap-8" action="index" controller="Joblist" method="get"
-			objectName="filters" object="{filters}" hiddenFieldClassName="d-none">
-		<f:form.hidden value="{limit}" name="filter-limit"/>
-		<f:form.hidden id="filter-recordPageId" name="recordPageIds" value="{recordPageIds}"/>
-		<div class="row default-content-element">
-			<div class="col-md-3 col-sm-6 col-12">
-				<label for="filter-countries" class="form-label">
-					<f:translate key="frontend.filter.countries"/>
-				</label>
-				<f:form.select
-					class="form-select"
-					size="1"
-					value="{selectedCountry}"
-					property="filterCountry"
-					optionValueField="value"
-					options="{countries}"
-					prependOptionLabel="{f:translate(key: 'frontend.filter.selections.all')}"
-					prependOptionValue="0"
-					id="filter-countries"/>
-			</div>
-			<div class="col-md-3 col-sm-6 col-12">
-				<label for="filter-locations" class="form-label">
-					<f:translate key="frontend.filter.locations"/>
-				</label>
-				<f:form.select
-					class="form-select"
-					size="1"
-					value="{selectedLocation}"
-					property="filterLocation"
-					optionValueField="value"
-					options="{cities}"
-					prependOptionLabel="{f:translate(key: 'frontend.filter.selections.all')}"
-					prependOptionValue="0"
-					id="filter-locations"/>
-			</div>
-			<div class="col-md-3 col-sm-6 col-12">
-				<label for="filter-departments" class="form-label">
-					<f:translate key="frontend.filter.departments"/>
-				</label>
-				<f:form.select
-					class="form-select"
-					size="1"
-					value="{selectedDepartment}"
-					property="filterDepartment"
-					optionLabelField="title"
-					optionValueField="uid"
-					options="{departments}"
-					prependOptionLabel="{f:translate(key: 'frontend.filter.selections.all')}"
-					prependOptionValue="0"
-					id="filter-departments"/>
-			</div>
-			<div class="col-md-3 col-sm-6 col-12">
-				<label for="filter-experienceLevels" class="form-label">
-					<f:translate key="frontend.filter.experienceLevels"/>
-				</label>
-				<f:form.select
-					class="form-select"
-					size="1"
-					value="{selectedExperienceLevel}"
-					property="filterExperienceLevel"
-					optionLabelField="title"
-					optionValueField="uid"
-					options="{experienceLevels}"
-					prependOptionLabel="{f:translate(key: 'frontend.filter.selections.all')}"
-					prependOptionValue="0"
-					id="filter-experienceLevels"/>
-			</div>
+<f:form id="sgjobs-filter" class="text-bg-light p-6 rounded shadow-small vstack gap-8 mb-2" action="index" controller="Joblist" method="get"
+		objectName="filters" object="{filters}" hiddenFieldClassName="d-none">
+	<f:form.hidden value="{limit}" name="filter-limit"/>
+	<f:form.hidden id="filter-recordPageId" name="recordPageIds" value="{recordPageIds}"/>
+	<div class="row default-content-element">
+		<div class="col-md-3 col-sm-6 col-12">
+			<label for="filter-countries" class="form-label">
+				<f:translate key="frontend.filter.countries"/>
+			</label>
+			<f:form.select
+				class="form-select"
+				size="1"
+				value="{selectedCountry}"
+				property="filterCountry"
+				optionValueField="value"
+				options="{countries}"
+				prependOptionLabel="{f:translate(key: 'frontend.filter.selections.all')}"
+				prependOptionValue="0"
+				id="filter-countries"/>
+		</div>
+		<div class="col-md-3 col-sm-6 col-12">
+			<label for="filter-locations" class="form-label">
+				<f:translate key="frontend.filter.locations"/>
+			</label>
+			<f:form.select
+				class="form-select"
+				size="1"
+				value="{selectedLocation}"
+				property="filterLocation"
+				optionValueField="value"
+				options="{cities}"
+				prependOptionLabel="{f:translate(key: 'frontend.filter.selections.all')}"
+				prependOptionValue="0"
+				id="filter-locations"/>
 		</div>
-		<div class="row default-content-element">
-			<div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-end gap-4">
-				<div class="form-check">
-					<f:form.checkbox
-						class="form-check-input"
-						property="filterRemote"
-						id="filter-remote"
-						value="remote"
-						checked="{selectedRemote}"/>
-					<label class="form-check-label" for="filter-remote">
-						<f:translate key="frontend.filter.remote"/>
-					</label>
-				</div>
-				<f:form.submit class="btn btn-md btn-primary" value="{f:translate(key:'frontend.filter.submit')}"/>
+		<div class="col-md-3 col-sm-6 col-12">
+			<label for="filter-departments" class="form-label">
+				<f:translate key="frontend.filter.departments"/>
+			</label>
+			<f:form.select
+				class="form-select"
+				size="1"
+				value="{selectedDepartment}"
+				property="filterDepartment"
+				optionLabelField="title"
+				optionValueField="uid"
+				options="{departments}"
+				prependOptionLabel="{f:translate(key: 'frontend.filter.selections.all')}"
+				prependOptionValue="0"
+				id="filter-departments"/>
+		</div>
+		<div class="col-md-3 col-sm-6 col-12">
+			<label for="filter-experienceLevels" class="form-label">
+				<f:translate key="frontend.filter.experienceLevels"/>
+			</label>
+			<f:form.select
+				class="form-select"
+				size="1"
+				value="{selectedExperienceLevel}"
+				property="filterExperienceLevel"
+				optionLabelField="title"
+				optionValueField="uid"
+				options="{experienceLevels}"
+				prependOptionLabel="{f:translate(key: 'frontend.filter.selections.all')}"
+				prependOptionValue="0"
+				id="filter-experienceLevels"/>
+		</div>
+	</div>
+	<div class="row default-content-element">
+		<div class="d-flex flex-column flex-sm-row justify-content-sm-between align-items-sm-end gap-4">
+			<div class="form-check">
+				<f:form.checkbox
+					class="form-check-input"
+					property="filterRemote"
+					id="filter-remote"
+					value="remote"
+					checked="{selectedRemote}"/>
+				<label class="form-check-label" for="filter-remote">
+					<f:translate key="frontend.filter.remote"/>
+				</label>
 			</div>
+			<f:form.submit class="btn btn-md btn-primary" value="{f:translate(key:'frontend.filter.submit')}"/>
 		</div>
-	</f:form>
-</div>
+	</div>
+</f:form>

Resources/Private/Partials/Bootstrap5/Job.html

 <div class="col-md-6 col-sm-6 col-12">
-    <div class="card shadow-small border-top">
+    <div class="card shadow-small border-top h-100">
         <div class="card-header text-center">
             <h2 class="card-title h4">{job.title}</h2>
         </div>

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

@@ -4,7 +4,7 @@
 <f:section name="main">
 	<f:render partial="JoblistListSchema" arguments="{_all}" />
 
-	<div id="sgjobs-joblist" class="vstack gap-8">
+	<div id="sgjobs-joblist" class="default-content-element vstack gap-8">
 		<f:render
 			partial="Filter"
 			arguments="{recordPageId: recordPageId, filters: filters, countries: countries, cities: cities, companies: companies, departments: departments, experienceLevels: experienceLevels,

Resources/Private/Templates/Bootstrap5/PageBrowser/Index.html

@@ -5,7 +5,7 @@
 <f:section name="main">
     <f:if condition="{numberOfPages} > 1">
         <nav aria-label="Jobs pagination">
-            <ul class="pagination">
+            <ul class="pagination mb-0">
                 <li class="page-item {f:if(condition: '!{prevPageExist}', then: 'disabled')}">
                     <f:variable name="prevPage" value="{currentPage - 1}" />
                     <f:if condition="{prevPage} == 0">
@@ -102,4 +102,4 @@
             </ul>
         </nav>
     </f:if>
-</f:section>
\ No newline at end of file
+</f:section>