Fixed compact actor view and gender icon size.

assets/components/actors/actor.vue

@@ -289,6 +289,13 @@ export default {
 };
 </script>
 
+<style lang="scss">
+.header-gender .icon {
+    width: 1.25rem;
+    height: 1.25rem;
+}
+</style>
+
 <style lang="scss" scoped>
 @import 'theme';
 
@@ -313,11 +320,6 @@ export default {
     display: inline-block;
     margin: 0 0 0 .5rem;
     transform: translate(0, .1rem);
-
-    .icon {
-        width: 1.25rem;
-        height: 1.25rem;
-    }
 }
 
 .header-social {
@@ -326,13 +328,6 @@ export default {
     margin: 0 1rem 0 0;
 }
 
-.header-gender {
-    .icon {
-        width: 1.25rem;
-        height: 1.25rem;
-    }
-}
-
 .actor-inner {
     height: 100%;
     display: flex;
@@ -558,9 +553,15 @@ export default {
 @media(max-width: $breakpoint) {
     .profile {
         height: auto;
+        max-height: none;
         flex-direction: column;
         padding: 0 0 .5rem 0;
 
+        &.with-avatar {
+            height: auto;
+            max-height: none;
+        }
+
         &:not(.expanded) .hideable {
             display: none;
         }