Version 1.3 - Update Design and removed User

public/index.html

@@ -12,15 +12,15 @@
   <div class="container">
     <header class="header">
       <h1><i class="fas fa-ticket-alt"></i> My Tickets</h1>
-      <div class="user-actions">
-        <span>Hi Laila!</span>
-        <img class="avatar" src="/assets/user.jpg" alt="User Avatar">
+      <div class="header-right">
         <button id="open-modal-btn" class="btn-primary small-btn">
           <i class="fas fa-plus"></i> Create Ticket
         </button>
         <button id="update-pfp-btn" class="btn-update-pfp small-btn">
           <i class="fas fa-camera"></i> Update Picture
         </button>
+        <span>Hi Laila!</span>
+        <img class="avatar" src="/assets/user.jpg" alt="User Avatar">
       </div>
     </header>
 
@@ -38,6 +38,9 @@
               <textarea id="description" rows="3" placeholder="Describe your issue..." required></textarea>
             </div>
             <div class="form-row">
+              <div class="form-group">
+                <select id="category"></select>
+              </div>
               <div class="form-group">
                 <select id="priority">
                   <option value="Low">Low Priority</option>
@@ -46,9 +49,6 @@
                   <option value="Urgent">Urgent</option>
                 </select>
               </div>
-              <div class="form-group">
-                <select id="category"></select>
-              </div>
             </div>
             <div class="form-group button-wrapper">
               <button type="submit" class="btn-primary">
@@ -113,10 +113,26 @@
     </main>
 
     <footer class="footer">
-      <p class="app-footer-text"></p>
+      <p class="app-footer-text">Ticket System by Honey</p>
     </footer>
   </div>
 
+  <!-- Mobile Bottom Navigation -->
+  <nav class="mobile-bottom-nav">
+    <button onclick="window.scrollTo({top:0,behavior:'smooth'})">
+      <i class="fas fa-home"></i>Home
+    </button>
+    <button onclick="document.getElementById('search-input')?.focus()">
+      <i class="fas fa-search"></i>Search
+    </button>
+    <button class="nav-create" onclick="document.getElementById('open-modal-btn')?.click()">
+      <i class="fas fa-plus"></i>
+    </button>
+    <button onclick="document.getElementById('closed-toggle')?.click();document.getElementById('closed-toggle')?.scrollIntoView({behavior:'smooth'})">
+      <i class="fas fa-archive"></i>Closed
+    </button>
+  </nav>
+
   <script src="user-script.js"></script>
   <script src="version.js"></script>
 </body>