Admin users add disabled badge when user is disabled

src/components/ui/CardList.vue

@@ -24,14 +24,14 @@ const handleClick = () => {
     >
         <div
             class="no-padding content-container"
-            :class="$slots.actions ? 'col-10' : 'col-12'"
+            :class="{ 'full-width': !$slots.actions }"
         >
             <slot name="prepend" />
             <div class="content">
                 <slot name="content" />
             </div>
         </div>
-        <div class="no-padding flex full-width justify-center">
+        <div class="no-padding flex column justify-center">
             <slot name="actions" />
         </div>
     </QItem>

src/pages/Admin/UsersView.vue

@@ -74,14 +74,17 @@ const supplantUser = async user => {
                 </template>
                 <template #actions>
                     <QBtn
+                        v-if="user.active"
                         icon="people"
                         flat
                         rounded
                         @click="supplantUser(user.name)"
-                        ><QTooltip>
-                            {{ t('Impersonate user') }}
-                        </QTooltip></QBtn
                     >
+                        <QTooltip>
+                            {{ t('Impersonate user') }}
+                        </QTooltip>
+                    </QBtn>
+                    <QBadge v-else color="negative">{{ t('Disabled') }}</QBadge>
                 </template>
             </CardList>
         </QList>