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/static/pressKit.vue

@@ -3,18 +3,18 @@
     h1 {{ $t('presskit') }}
       p {{ $t('presskitText', { pressEnquiryEmail : PRESS_ENQUIRY_EMAIL }) }}
       p
-        a.btn.btn-lg.btn-success(href='/presskit/presskit.zip') presskit.zip
+        a.btn.btn-lg.btn-success(href='~assets/images/presskit/presskit.zip') presskit.zip
 
     div(v-for='(images, category) in imgs')
       h2 {{ $t('pk' + category) }}
       div(v-if='Array.isArray(images)')
         div(v-for='img in images')
-          img.img-rendering-auto.press-img(:src="`/presskit/${category}/${img}.png`")
+          img.img-rendering-auto.press-img(:src="`assets/images/presskit/${category}/${img}.png`")
       div(v-else)
         div(v-for='(images, category) in images')
           h3 {{ $t('pk' + category) }}
           div(v-for='img in images')
-            img.img-rendering-auto.press-img(:src="`/presskit/#$category}/${cat}/${img}.png`")
+            img.img-rendering-auto.press-img(:src="~`assets/images/presskit/${category}/${img}.png`")
 </template>
 
 <script>