Sept 15 fixes (#9044)

* Adjusted styles and added loading for private messages

* Allowed for assigning during group task creation

* Fixed white logos and start overflow

* Added state styles to home

* Fixed position

* Updated avatar purchasing

website/client/components/private-message-modal.vue

@@ -1,9 +1,20 @@
 <template lang="pug">
-  b-modal#private-message(title="Message", size='sm', :hide-footer="true")
-    textarea.form-control(v-model='privateMessage')
-    button.btn.btn-primary(@click='sendPrivateMessage()') Send
+  b-modal#private-message(title="Message", size='md', :hide-footer="true")
+    .content
+      textarea.form-control(v-model='privateMessage')
+      button.btn.btn-primary(@click='sendPrivateMessage()', :disabled='loading') Send
 </template>
 
+<style lang="scss" scoped>
+  .content {
+    padding: 1em;
+
+    textarea {
+      margin-bottom: 1em;
+    }
+  }
+</style>
+
 <script>
 import bModal from 'bootstrap-vue/lib/components/modal';
 import notifications from 'client/mixins/notifications';
@@ -17,17 +28,22 @@ export default {
   data () {
     return {
       privateMessage: '',
+      loading: false,
     };
   },
   methods: {
     async sendPrivateMessage () {
       if (!this.privateMessage || !this.userIdToMessage) return;
 
+      this.loading = true;
+
       await this.$store.dispatch('members:sendPrivateMessage', {
         message: this.privateMessage,
         toUserId: this.userIdToMessage,
       });
 
+      this.loading = false;
+
       this.text(this.$t('messageSentAlert'));
     },
   },