Fixing App.vue

frontend/src/App.vue

@@ -171,7 +171,8 @@
     </div>
     </header>
     
-    <!-- Add/Edit Modal -->
+    <main class="container">
+      <!-- Add/Edit Modal -->
     <div v-if="showModal" class="modal" @click.self="closeModal">
       <div class="modal-content">
         <span class="close" @click="closeModal">&times;</span>
@@ -254,6 +255,7 @@
           </div>
         </form>
       </div>
+    </div>
     
     <!-- Item Details Modal -->
     <div v-if="showDetailsModal" class="modal" @click.self="closeDetailsModal">
@@ -1005,6 +1007,7 @@
         </div>
       </div>
     </div>
+    </main>
   </div>
 </template>
 
@@ -1770,7 +1773,6 @@ export default {
       } catch (error) {
         this.showMessage('Error deleting invoice item: ' + error.message, 'error')
       }
-    }
     },
     
     // Authentication methods