From 9b38c07fdd1862c1820b65323948f376fd3d9ab9 Mon Sep 17 00:00:00 2001
From: Faheed <faheed@tenhal.sa>
Date: Sun, 23 Nov 2025 15:03:56 +0300
Subject: [PATCH] candidate submit form ui

---
 .../applicant/application_submit_form.html    | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/templates/applicant/application_submit_form.html b/templates/applicant/application_submit_form.html
index 2ee7f75..29413bc 100644
--- a/templates/applicant/application_submit_form.html
+++ b/templates/applicant/application_submit_form.html
@@ -35,6 +35,9 @@
                     #1e3a47 100%
                 );
                 background-image: url("{% static 'image/vision.svg' %}");
+                @media (max-width: 768px) {
+                    background-image: none;
+                }
                 background-repeat: no-repeat;
                 background-position: 60px;
                 background-size: 320px auto;
@@ -58,11 +61,11 @@
 
             .wizard-container {
                 width: 100%;
-                max-width: 800px; /* Increased max-width slightly for content */
+                max-width: 900px; /* Increased max-width slightly for content */
                 background: white;
-                border-radius: 20px;
+              
                 overflow: hidden;
-                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.2);
+               
                 display: flex;
                 flex-direction: column;
                 /* Allow height to be determined by content, constrained by max-height */
@@ -473,7 +476,7 @@
             class="navbar navbar-expand-lg sticky-top"
             style="background-color: var(--kaauh-teal); z-index: 1030"
         >
-            <span class="ms-2 text-white">JOB ID:&nbsp;&nbsp;{{job_id}}</span>
+            <span class="ms-2 text-white">{% trans "JOB ID" %}:&nbsp;&nbsp;{{job_id}}</span>
         </nav>
 
         <div class="page-content-wrapper">
@@ -486,7 +489,7 @@
                     <div class="logo">
                         <i class="fas fa-file-alt"></i>
                         <span id="formTitle"
-                            >{% translate "Application Form" %}</span
+                            >{% trans "Application Form" %}</span
                         >
                     </div>
                     <div class="progress-text" id="progressText">1 of 1</div>
@@ -501,7 +504,7 @@
                         style="display: none"
                     >
                         <h3 class="mb-4">
-                            {% translate "Review Your Application" %}
+                            {% trans "Review Your Application" %}
                         </h3>
                         <div id="previewContent"></div>
                     </div>
@@ -513,11 +516,11 @@
                         class="nav-btn btn-back"
                         style="display: none"
                     >
-                        <i class="fas fa-arrow-left"></i> {% translate "Back" %}
+                        <i class="fas fa-arrow-left"></i> {% trans "Back" %}
                     </button>
 
                     <button id="nextBtn" class="nav-btn btn-next">
-                        {% translate "Next" %}
+                        {% trans "Next" %}
                         <i class="fas fa-arrow-right"></i>
                     </button>
 
@@ -526,7 +529,7 @@
                         class="nav-btn btn-submit"
                         style="display: none"
                     >
-                        {% translate "Submit Application" %}
+                        {% trans "Submit Application" %}
                         <i class="fas fa-paper-plane"></i>
                     </button>
                 </div>