fix: checkbox and icon alignment

(cherry picked from commit 5b1603d)
frappe · Dec 12, 2023 · 6dfb7b0 · 6dfb7b0
1 parent c0ff098
commit 6dfb7b0
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/hrms/www/jobs/index.html b/hrms/www/jobs/index.html
@@ -25,7 +25,7 @@ <h3 class="mt-0 mb-10 jobs-page">{{ _("Job Openings") }}</h3>
 								   id="{{ value }}"
 								   value="{{ value }}"
 								   role="button">
-							<label class="form-check-label" for="{{ value }}" role="button">{{ value }}</label>
+							<label class="form-check-label align-top" for="{{ value }}" role="button">{{ value }}</label>
 						</div>
 					{% endfor %}
 				</div>
@@ -120,8 +120,8 @@ <h4 class="mt-0 mb-1 mr-20">{{ jo.job_title }}</h4>
 						</div>
 						<div class="text-14">
 							{%- if jo.location -%}
-								<div class="mt-3">
-									<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
+								<div class="mt-3 flex align-items-center">
+									<svg class="icon ml-0 mr-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
 										<g stroke="var(--gray-700)" stroke-miterlimit="10">
 										<path d="M11.467 3.458c1.958 1.957 1.958 5.088.027 7.02L7.97 14l-3.523-3.523a4.945 4.945 0 010-6.993l.026-.026a4.922 4.922 0 016.993 0zm0 0c-.026-.026-.026-.026 0 0z">
 										</path>
@@ -132,16 +132,16 @@ <h4 class="mt-0 mb-1 mr-20">{{ jo.job_title }}</h4>
 								</div>
 							{% endif %}
 							{%- if jo.department -%}
-								<div class="mt-3">
-									<svg class="icon" style="--icon-stroke: var(--gray-700)">
+								<div class="mt-3 flex align-items-center">
+									<svg class="icon ml-0 mr-1" style="--icon-stroke: var(--gray-700)">
 										<use href="#icon-branch"></use>
 									</svg>
 									{{ jo.department }}
 								</div>
 							{% endif %}
 							{%- if jo.publish_salary_range -%}
-								<div class="mt-3">
-									<svg class="icon" style="--icon-stroke: var(--gray-700)">
+								<div class="mt-3 flex align-items-center">
+									<svg class="icon ml-0 mr-1" style="--icon-stroke: var(--gray-700)">
 										<use href="#icon-income"></use>
 									</svg>
 									{{ " " }}