Some minor fixes on UI (#215)

Signed-off-by: Cintia Sánchez García <[email protected]>

Author: cynthia-sg

gitjobs-server/templates/dashboard/job_seeker/applications/list.html

@@ -22,7 +22,7 @@
               <div>You have not applied yet to any jobs within GitJobs.</div>
             </div>
             <p class="text-stone-700 mb-10">
-              Please note that jobs that use an external apply url won’t be displayed here.
+              Please note that jobs that use an external apply url won't be displayed here.
             </p>
           </td>
         </tr>

gitjobs-server/templates/dashboard/job_seeker/profile/preview.html

@@ -17,12 +17,12 @@
     <div class="capitalize text-2xl font-semibold">{{ profile.name }}</div>
     {# End name #}
 
-    <div class="flex flex-wrap space-x-5 space-y-2">
+    <div class="flex flex-wrap gap-3 xl:gap-5">
       {# Email #}
       <a href="mailto:{{ profile.email }}"
          target="_blank"
          rel="noopener noreferrer"
-         class="border border-stone-200 rounded-full px-4 flex items-center text-stone-600 text-xs/6 lg:text-sm/6 space-x-2 cursor-pointer">
+         class="border border-stone-200 rounded-full px-4 flex items-center text-stone-600 text-xs/6 xl:text-sm/6 space-x-2 cursor-pointer">
         <div class="svg-icon size-4 icon-email bg-stone-500"></div>
         <div>{{ profile.email }}</div>
       </a>
@@ -206,7 +206,7 @@
 </div>
 
 {% macro main_badge(content, icon) %}
-  <div class="border border-stone-200 rounded-full px-4 flex items-center text-stone-600 text-xs/6 lg:text-sm/6 space-x-2">
+  <div class="border border-stone-200 rounded-full px-4 flex items-center text-stone-600 text-xs/6 xl:text-sm/6 space-x-2">
     <div class="svg-icon size-4 icon-{{ icon }} bg-stone-500"></div>
     <div>{{ content }}</div>
   </div>

gitjobs-server/templates/header.html

@@ -33,7 +33,10 @@
 
 <div class="relative flex">
   {% if page_id == PageId::JobBoard || page_id == PageId::About %}
-    <div hx-get="/section/user-menu" hx-trigger="load" hx-target="this">
+    <div hx-get="/section/user-menu"
+         hx-trigger="load"
+         hx-target="this"
+         hx-boost="true">
       <button class="relative group rounded-full cursor-pointer bg-white border text-xl border-primary-500 text-primary-600 size-[38px] p-0.5 overflow-hidden"
               disabled>
         {% call macros::btn_spinner(id = "user-spinner", size = "[2.35rem]", spinner_type = "5", htmx = false) %}

gitjobs-server/templates/jobboard/jobs/explore_section.html

@@ -82,9 +82,8 @@
         <div class="font-semibold text-sm text-black">Filters</div>
 
         <div class="flex space-x-3 relative">
-          <div id="desktop-jobs-spinner" class="hx-spinner absolute -start-6 top-0">
-            {% call macros::spinner(size = "size-5") %}
-          </div>
+          <div id="desktop-jobs-spinner"
+               class="hx-spinner absolute -start-8 top-0.5">{% call macros::spinner(size = "size-5") %}</div>
 
           <button id="reset-desktop-filters" class="btn-primary-outline btn-mini">Reset</button>
         </div>