Sept 26 fixes (#9081)

* Fixed layering of avatar

* Fixed navbar padding on small screens

* Dropdowns go left

* Adjusted member details styles

* Fixed task tag display

* Added toggle to buy gems

* Began moving presskit

* Fixed easing and validating immediately

* Added hover state to login and fixed transitions for social buttons

* Fixed more style issues

* Fixed overflow

* Added email warning

* Show login button on mobile

* Some column adjustments for mobile

* Fixed email/username confusion

website/client/components/appHeader.vue

@@ -3,11 +3,12 @@ div
   create-party-modal
   #app-header.row(:class="{'hide-header': $route.name === 'groupPlan'}")
     members-modal(:hide-badge="true")
-    member-details(:member="user")
+    .col-6
+      member-details(:member="user")
     .view-party(v-if="user.party && user.party._id && partyMembers && partyMembers.length > 1")
       // TODO button should open the party members modal
       button.btn.btn-primary(@click='openPartyModal()') {{ $t('viewParty') }}
-    .party-members.d-flex(
+    .party-members.col-6.d-flex(
       v-if="partyMembers && partyMembers.length > 1",
       v-resize="1500",
       @resized="setPartyMembersWidth($event)"
@@ -21,7 +22,7 @@ div
         @onHover="expandMember(member._id)",
         :expanded="member._id === expandedMember",
       )
-    .no-party.d-flex.justify-content-center.text-center(v-else)
+    .no-party.col-6.d-flex.justify-content-center.text-center(v-else)
       .align-self-center(v-once)
         h3 {{ $t('battleWithFriends') }}
         span.small-text(v-html="$t('inviteFriendsParty')")