user avatar cleanup

src/components/user_avatar/user_avatar.js

@@ -14,12 +14,31 @@ library.add(
 )
 
 const UserAvatar = {
-  props: [
+  props: {
-    'user',
+    // User object to show avatar of
-    'compact',
+    user: {
-    'showActorTypeIndicator',
+      required: true,
-    'url'
+      type: Object
-  ],
+    },
+    // Use less space and use alternative roundness
+    compact: {
+      required: false,
+      type: Boolean,
+      default: false
+    },
+    // Show small icon indicating if account is a bot or group
+    showActorTypeIndicator : {
+      required: false,
+      type: Boolean,
+      default: false
+    },
+    // Override avatar image URL, useful for profile editing
+    url: {
+      required: false,
+      type: String,
+      default: null
+    }
+  },
   data () {
     return {
       showPlaceholder: false,

src/components/user_avatar/user_avatar.vue

@@ -40,12 +40,12 @@
 
   display: inline-block;
   position: relative;
-  width: 48px;
+  width: 3.5em;
   height: 48px;
 
   &.-compact {
-    width: 32px;
+    width: 2.2em;
-    height: 32px;
+    height: 2.2em;
     border-radius: var(--roundness);
   }