mobile friendly

views/admin/edit.ejs

@@ -1,9 +1,10 @@
 <%- include('../partials/head', { title: 'Edit Model' }) %>
 <%- include('../partials/adminNav', { currentPath: '/admin' }) %>
+<%- include('../partials/adminTopBar') %>
 
-<div class="pl-56 min-h-screen">
+<div class="lg:pl-56 pt-14 lg:pt-0 min-h-screen">
   <%- include('../partials/adminBanner') %>
-  <div class="max-w-2xl mx-auto px-8 py-8">
+  <div class="max-w-2xl mx-auto px-4 sm:px-8 py-6 sm:py-8">
     <div class="flex items-center gap-3 mb-8">
       <a href="/admin" class="text-gray-500 hover:text-white transition-colors">
         <svg class="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.75">
@@ -33,7 +34,7 @@
           class="w-full bg-surface-800 border border-gray-700 rounded-lg px-3.5 py-2.5 text-sm text-white placeholder-gray-600 focus:outline-none focus:border-accent transition-colors resize-none"
         ><%= model.description || '' %></textarea>
       </div>
-      <div class="grid grid-cols-2 gap-4">
+      <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
         <div>
           <label class="block text-xs font-medium text-gray-400 mb-1.5">Category</label>
           <select name="category_id"