From efc703bc69c72b6a64b06c3ea2a7dd667f30915e Mon Sep 17 00:00:00 2001
From: Edward Hibbert <edward@ehibbert.org.uk>
Date: Fri, 16 Jul 2021 16:41:23 +0100
Subject: [PATCH] Center warning slighly.

---
 .../js/components/GroupEventScrollTable.vue   |  9 +++++
 .../GroupEventsScrollTableActions.vue         | 36 ++++++++++---------
 2 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/resources/js/components/GroupEventScrollTable.vue b/resources/js/components/GroupEventScrollTable.vue
index 1966252c9c..4403d89b1c 100644
--- a/resources/js/components/GroupEventScrollTable.vue
+++ b/resources/js/components/GroupEventScrollTable.vue
@@ -446,6 +446,15 @@ export default {
   }
 }
 
+/deep/ td[aria-colindex="6"] {
+  // Hack so we can get the cell warning full height.
+  height: 1px;
+
+  div {
+    height: 100%
+  }
+}
+
 .minHeight {
   min-height: 330px;
 }
diff --git a/resources/js/components/GroupEventsScrollTableActions.vue b/resources/js/components/GroupEventsScrollTableActions.vue
index 42dc2ca722..eb9d77f035 100644
--- a/resources/js/components/GroupEventsScrollTableActions.vue
+++ b/resources/js/components/GroupEventsScrollTableActions.vue
@@ -1,27 +1,29 @@
 <template>
-  <div v-if="upcoming" class="d-flex justify-content-around">
-    <div v-if="event.requiresModeration" class="cell-warning">
-      <span v-if="event.canModerate">
-        <a :href="'/party/edit/' + idevents">{{ __('partials.event_requires_moderation') }}</a>
-      </span>
-      <span v-else>
+  <div>
+    <div v-if="upcoming" class="d-flex justify-content-around">
+      <div v-if="event.requiresModeration" class="cell-warning d-flex justify-content-around p-2">
+        <span v-if="event.canModerate">
+          <a :href="'/party/edit/' + idevents">{{ __('partials.event_requires_moderation') }}</a>
+        </span>
+        <span v-else>
         {{ __('partials.event_requires_moderation_by_an_admin') }}
       </span>
-    </div>
-    <div v-else class="hidecell">
-      <div v-if="attending" class="text-black font-weight-bold d-flex justify-content-around">
+      </div>
+      <div v-else class="hidecell">
+        <div v-if="attending" class="text-black font-weight-bold d-flex justify-content-around">
         <span>
           {{ __('events.youre_going') }}
         </span>
+        </div>
+        <!-- "all" or "nearby" events are for ones where we're not a member, so show a join button. -->
+        <b-btn variant="primary" :href="'/group/join/' + event.group.idgroups" v-else-if="event.all || event.nearby">
+          {{ __('groups.join_group_button') }}
+        </b-btn>
+        <!-- We can't RSVP if the event is starting soon. -->
+        <b-btn variant="primary" :href="'/party/join/' + idevents" :disabled="startingSoon" v-else>
+          {{ __('events.RSVP') }}
+        </b-btn>
       </div>
-      <!-- "all" or "nearby" events are for ones where we're not a member, so show a join button. -->
-      <b-btn variant="primary" :href="'/group/join/' + event.group.idgroups" v-else-if="event.all || event.nearby">
-        {{ __('groups.join_group_button') }}
-      </b-btn>
-      <!-- We can't RSVP if the event is starting soon. -->
-      <b-btn variant="primary" :href="'/party/join/' + idevents" :disabled="startingSoon" v-else>
-        {{ __('events.RSVP') }}
-      </b-btn>
     </div>
   </div>
 </template>