Use square for avatar channels

client/src/components/ActorMiniature.vue

@@ -1,6 +1,6 @@
 <template>
   <a v-bind:href="actor.url" rel="nofollow noreferrer noopener" target="_blank" class="actor" v-bind:title="linkTitle">
-    <img v-if="actor.avatar" v-bind:src="actor.avatar.url" alt="">
+    <img v-if="actor.avatar" v-bind:src="actor.avatar.url" alt="" :class="{ account: isAccount }">
 
     <strong>{{ actor.displayName }}</strong>
 
@@ -24,12 +24,15 @@
 
     img {
       object-fit: cover;
-      border-radius: 50%;
       width: 20px;
       height: 20px;
       min-width: 20px;
       min-height: 20px;
       margin-right: 5px;
+
+      &.account {
+        border-radius: 50%;
+      }
     }
 
     .actor-handle {
@@ -67,6 +70,10 @@
         if (this.type === 'channel') return this.$gettext('Go on this channel page')
 
         return this.$gettext('Go on this account page')
+      },
+
+      isAccount (): boolean {
+        return this.type === 'account'
       }
     }
   })

client/src/components/ChannelResult.vue

@@ -48,7 +48,6 @@
 
       img {
         object-fit: cover;
-        border-radius: 50%;
         width: 110px;
         height: 110px;
         min-width: 110px;