room settings trash icon

src/assets/css/main.scss

@@ -122,6 +122,12 @@ body { position:absolute; top:0; bottom:0; right:0; left:0; }
     min-height: $chat-standard-padding !important;
     margin-top: $chat-standard-padding-xs;
     margin-bottom: $chat-standard-padding-xs;
+
+    .v-icon {
+        height: 14px;
+        width: 14px;
+        margin-right: 8px;
+    }
 }
 
 .v-dialog {

src/components/RoomInfo.vue

@@ -254,11 +254,12 @@
         id="btn-purge-room"
         v-if="userCanPurgeRoom"
         color="red"
-        depressed
+        fab
         class="filled-button"
         @click.stop="showPurgeConfirmation = true"
-        >{{ $t("room_info.purge") }}</v-btn
-      >
+        >
+        <v-icon light>$vuetify.icons.ic_moderator-delete</v-icon> {{ $t("room_info.purge") }}
+      </v-btn>
     </div>
 
     <div class="build-version">
@@ -599,7 +600,7 @@ export default {
     },
     /**
      * Return true if WE can make the member an admin
-     * @param  member 
+     * @param  member
      */
     canMakeAdmin(ignoredmember) {
       if (this.room) {
@@ -612,7 +613,7 @@ export default {
 
     /**
      * Return true if WE can make the member a moderator
-     * @param  member 
+     * @param  member
      */
      canMakeModerator(ignoredmember) {
       if (this.room) {
@@ -620,11 +621,11 @@ export default {
         const me = this.room.getMember(myUserId);
         return me && this.isAdmin(me);
       }
-      return false;      
+      return false;
     },
     /**
      * Return true if WE can "unmake" the member a moderator
-     * @param  member 
+     * @param  member
      */
      canRevokeModerator(member) {
       if (this.room) {
@@ -632,7 +633,7 @@ export default {
         const me = this.room.getMember(myUserId);
         return me && this.isAdmin(me) && me.powerLevel > member.powerLevel;
       }
-      return false;      
+      return false;
     },
     makeAdmin(member) {
       if (this.room) {