Merge branch '477-delete-btn-fixes-improvements' into 'dev'

Profile page: replace leave button with delete button for admin user

See merge request keanuapp/keanuapp-weblite!216

src/components/RoomInfo.vue

@@ -13,6 +13,7 @@
         </v-btn>
         <div class="room-name no-upper">{{ $t("room_info.title") }}</div>
         <v-btn
+          v-if="!userCanPurgeRoom"
           id="btn-leave-room"
           color="black"
           depressed
@@ -20,6 +21,16 @@
           @click.stop="showLeaveConfirmation = true"
           >👋 {{ $t("room_info.leave_room") }}</v-btn
         >
+        <!-- PURGE ROOM -->
+        <v-btn
+          v-else
+          id="btn-purge-room"
+          color="red"
+          class="filled-button"
+          @click.stop="showPurgeConfirmation = true"
+          >
+          <v-icon light>$vuetify.icons.ic_moderator-delete</v-icon> {{ $t("room_info.purge") }}
+        </v-btn>
       </v-container>
     </div>
 
@@ -216,20 +227,6 @@
         >{{ $t("room_info.export_room") }}</v-btn>
     </div>
 
-    <!-- PURGE ROOM -->
-    <div class="members ma-3 pa-3 text-center">
-      <v-btn
-        id="btn-purge-room"
-        v-if="userCanPurgeRoom"
-        color="red"
-        fab
-        class="filled-button"
-        @click.stop="showPurgeConfirmation = true"
-        >
-        <v-icon light>$vuetify.icons.ic_moderator-delete</v-icon> {{ $t("room_info.purge") }}
-      </v-btn>
-    </div>
-
     <div class="build-version">
       {{ $t("room_info.version_info", { version: buildVersion }) }}
     </div>