client - forum page now responsive - other adjustments as well

client/app/pages/user-account/user-account.scss

@@ -1,9 +1,19 @@
+@import '../../scss/mixins';
+
 .avatar-list {
   display: flex;
   flex-wrap: wrap;
   padding: 20px;
   padding-left: 10px;
 
+  &__image {
+
+    @include breakpoint(mediumOrLess) {
+      width: 40px;
+      height: auto;
+    }
+  }
+
   &__item {
     margin-left: 10px;
     margin-bottom: 10px;

client/app/pages/user-account/user-account.tsx

@@ -160,7 +160,7 @@ export class UserAccount extends React.Component<Props, State> {
             const avatarClass = this.state.selectedAvatarIndex === index ? 'avatar-list__item--selected' : '';
             return (
               <div key={index} className={`avatar-list__item ${avatarClass}`} onClick={() => this.onAvatarSelect(index)}>
-                <img src={val.imageSrc}/>
+                <img className="avatar-list__image" src={val.imageSrc}/>
               </div>
             );
           })}