Fix issues in AvatarContent.vue

aleksis/core/assets/components/person/AvatarContent.vue

@@ -2,7 +2,7 @@
   <ApolloQuery
       :query="require('./avatarContent.graphql')"
       :variables="{'id': id}"
-      class="fullwidth"
+      class="fullsize"
   >
     <template #default="{ result: { error, data, loading } }">
       <template v-if="loading">
@@ -22,7 +22,9 @@
           :src="data.person.image"
           :alt="$t('person.avatar')"
           max-width="100%"
+          max-height="100%"
           :contain="contain"
+          class="fullsize"
       />
       <v-icon
           class="grey lighten-1"
@@ -53,7 +55,8 @@ export default {
 </script>
 
 <style scoped>
-.fullwidth {
+.fullsize {
   width: 100%;
+  height: 100%;
 }
 </style>

aleksis/core/assets/components/person/avatarContent.graphql

 query avatarContent($id: ID) {
   person: personByIdOrMe(id: $id) {
+    id
     image: avatarContentUrl
   }
 }