From f04907c2a66d902d46260f783f9203ea4c25087f Mon Sep 17 00:00:00 2001
From: JonFreer <j.freer@hotmail.co.uk>
Date: Sat, 12 Aug 2023 23:30:21 +0100
Subject: [PATCH] ui: margins on main component

---
 js/src/App.vue                   | 2 +-
 js/src/views/Event/EditView.vue  | 4 ++--
 js/src/views/Event/EventView.vue | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/js/src/App.vue b/js/src/App.vue
index 0ab573784..85b77f82f 100644
--- a/js/src/App.vue
+++ b/js/src/App.vue
@@ -24,7 +24,7 @@
     </div>
     <ErrorComponent v-if="error" :error="error" />
 
-    <main id="main" class="pt-4" v-else>
+    <main id="main" class="p-4" v-else>
       <router-view></router-view>
     </main>
     <mobilizon-footer />
diff --git a/js/src/views/Event/EditView.vue b/js/src/views/Event/EditView.vue
index 954063917..d461c1355 100644
--- a/js/src/views/Event/EditView.vue
+++ b/js/src/views/Event/EditView.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="container mx-auto px-3" v-if="hasCurrentActorPermissionsToEdit">
+  <div class="container mx-auto" v-if="hasCurrentActorPermissionsToEdit">
     <h1 class="" v-if="isUpdate === true">
       {{ t("Update event {name}", { name: event.title }) }}
     </h1>
@@ -473,7 +473,7 @@
   <nav
     role="navigation"
     aria-label="main navigation"
-    class="bg-mbz-yellow-alt-200 p-3 m-3 rounded"
+    class="bg-mbz-yellow-alt-200 p-3 mt-3 rounded"
     :class="{ 'is-fixed-bottom': showFixedNavbar }"
     v-if="hasCurrentActorPermissionsToEdit"
   >
diff --git a/js/src/views/Event/EventView.vue b/js/src/views/Event/EventView.vue
index 5789cfd99..8ff017ce1 100755
--- a/js/src/views/Event/EventView.vue
+++ b/js/src/views/Event/EventView.vue
@@ -4,7 +4,7 @@
     <div class="flex flex-col mb-3">
       <event-banner :picture="event?.picture" />
       <div
-        class="flex flex-col relative pb-2 bg-white dark:bg-zinc-700 my-2 rounded"
+        class="flex flex-col relative pb-2 bg-white dark:bg-zinc-700 my-4 rounded"
       >
         <div class="date-calendar-icon-wrapper relative" v-if="event?.beginsOn">
           <skeleton-date-calendar-icon