Changed last prop to :last-of-type

website/client/components/challenges/challengeDetail.vue

@@ -70,13 +70,11 @@
       button.btn.btn-primary(v-once, @click='exportChallengeCsv()') {{$t('exportChallengeCsv')}}
     .button-container(v-if='isLeader || isAdmin')
       button.btn.btn-danger(v-once, @click='closeChallenge()') {{$t('endChallenge')}}
-    sidebar-section(:title="$t('challengeSummary')")
-      p(v-markdown='challenge.summary')
-    sidebar-section(
-      :title="$t('challengeDescription')"
-      :last="true"
-    )
-      p(v-markdown='challenge.description')
+    div
+      sidebar-section(:title="$t('challengeSummary')")
+        p(v-markdown='challenge.summary')
+      sidebar-section(:title="$t('challengeDescription')")
+        p(v-markdown='challenge.description')
     .text-center(v-if='isMember')
       button.btn.btn-danger(v-once, @click='leaveChallenge()') {{$t('leaveChallenge')}}
 </template>

website/client/components/groups/group.vue

@@ -63,17 +63,17 @@
           // @TODO: V2 button.btn.btn-primary(v-once, v-if='!isLeader') {{$t('messageGuildLeader')}} // Suggest making the button visible to the leader too - useful for them to test how the feature works or to send a note to themself. -- Alys
         .button-container
           // @TODO: V2 button.btn.btn-primary(v-once, v-if='isMember && !isParty') {{$t('donateGems')}} // Suggest removing the isMember restriction - it's okay if non-members donate to a public guild. Also probably allow it for parties if parties can buy imagery. -- Alys
-    quest-sidebar-section(:group='group', v-if='isParty')
-    sidebar-section(:title="$t('guildSummary')", v-if='!isParty')
-      p(v-markdown='group.summary')
-    sidebar-section(:title="$t('groupDescription')")
-      p(v-markdown='group.description')
-    sidebar-section(
-      :title="$t('challenges')",
-      :tooltip="isParty ? $t('challengeDetails') : $t('privateDescription')"
-      :last="true"
-    )
-      group-challenges(:groupId='searchId')
+    div
+      quest-sidebar-section(:group='group', v-if='isParty')
+      sidebar-section(:title="$t('guildSummary')", v-if='!isParty')
+        p(v-markdown='group.summary')
+      sidebar-section(:title="$t('groupDescription')")
+        p(v-markdown='group.description')
+      sidebar-section(
+        :title="$t('challenges')",
+        :tooltip="isParty ? $t('challengeDetails') : $t('privateDescription')"
+      )
+        group-challenges(:groupId='searchId')
     div.text-center
       button.btn.btn-danger(v-if='isMember', @click='clickLeave()') {{ isParty ? $t('leaveParty') : $t('leaveGroup') }}
 </template>

website/client/components/groups/tavern.vue

@@ -138,7 +138,7 @@
           li
             router-link(to="/groups/guild/5481ccf3-5d2d-48a9-a871-70a7380cee5a") {{ $t('askQuestionGuild') }}
 
-      sidebar-section(:title="$t('playerTiers')",:last='true')
+      sidebar-section(:title="$t('playerTiers')")
         .row
           .col-12
             p(v-once) {{ $t('playerTiersDesc') }}

website/client/components/sidebarSection.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  .section(:class="{'section-last': last}")
+  .section
       .section-header.d-flex.align-items-center
         h3.mb-0(v-once)
           | {{ title }}
@@ -29,7 +29,7 @@
     padding-top: 1em;
   }
 
-  .section-last {
+  .section:last-of-type {
     border-bottom: 1px solid #e1e0e3;
     margin-bottom: 1em;
     padding-bottom: 1em;
@@ -70,9 +70,6 @@
       show: {
         default: true,
       },
-      last: {
-        default: false,
-      },
     },
     data () {
       return {