Center warning slighly.

TheRestartProject · Jul 16, 2021 · efc703b · efc703b
1 parent 4e12540
commit efc703b
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 17 deletions.
diff --git 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
@@ -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>