Merge branch 'various-css-fixes' into shigusegubu

* various-css-fixes:
  fix build warnings
  lint
  remove 'md' size that doesn't exist

src/App.js

@@ -37,7 +37,7 @@ export default {
     GlobalNoticeList
   },
   data: () => ({
-    mobileActivePanel: 'timeline',
+    mobileActivePanel: 'timeline'
   }),
   created () {
     // Load the locale from the storage

src/components/desktop_nav/desktop_nav.js

@@ -69,7 +69,7 @@ export default {
     hideSitename () { return this.$store.state.instance.hideSitename },
     logoLeft () { return this.$store.state.instance.logoLeft },
     currentUser () { return this.$store.state.users.currentUser },
-    privateMode () { return this.$store.state.instance.private },
+    privateMode () { return this.$store.state.instance.private }
   },
   methods: {
     scrollToTop () {
@@ -84,6 +84,6 @@ export default {
     },
     openSettingsModal () {
       this.$store.dispatch('openSettingsModal')
-    },
+    }
   }
 }

src/components/extra_buttons/extra_buttons.vue

@@ -16,7 +16,6 @@
           @click.prevent="muteConversation"
         >
           <FAIcon
-            size="md"
             fixed-width
             icon="eye-slash"
           /><span>{{ $t("status.mute_conversation") }}</span>
@@ -27,7 +26,6 @@
           @click.prevent="unmuteConversation"
         >
           <FAIcon
-            size="md"
             fixed-width
             icon="eye-slash"
           /><span>{{ $t("status.unmute_conversation") }}</span>
@@ -39,7 +37,6 @@
           @click="close"
         >
           <FAIcon
-            size="md"
             fixed-width
             icon="thumbtack"
           /><span>{{ $t("status.pin") }}</span>
@@ -51,7 +48,6 @@
           @click="close"
         >
           <FAIcon
-            size="md"
             fixed-width
             icon="thumbtack"
           /><span>{{ $t("status.unpin") }}</span>
@@ -63,7 +59,6 @@
           @click="close"
         >
           <FAIcon
-            size="md"
             fixed-width
             :icon="['far', 'bookmark']"
           /><span>{{ $t("status.bookmark") }}</span>
@@ -75,7 +70,6 @@
           @click="close"
         >
           <FAIcon
-            size="md"
             fixed-width
             icon="bookmark"
           /><span>{{ $t("status.unbookmark") }}</span>
@@ -87,7 +81,6 @@
           @click="close"
         >
           <FAIcon
-            size="md"
             fixed-width
             icon="times"
           /><span>{{ $t("status.delete") }}</span>
@@ -98,7 +91,6 @@
           @click="close"
         >
           <FAIcon
-            size="md"
             fixed-width
             icon="share-alt"
           /><span>{{ $t("status.copy_link") }}</span>
@@ -109,7 +101,6 @@
       <FAIcon
         class="ExtraButtons fa-scale-110 fa-old-padding"
         icon="ellipsis-h"
-        size="md"
       />
     </span>
   </Popover>

src/components/panel_loading/panel_loading.vue

@@ -18,6 +18,8 @@ import { faCircleNotch } from '@fortawesome/free-solid-svg-icons'
 library.add(
   faCircleNotch
 )
+
+export default {}
 </script>
 
 <style lang="scss">

src/components/post_status_form/post_status_form.vue

@@ -87,7 +87,8 @@
           </a>
           <div
             v-show="previewLoading"
-            class="preview-spinner">
+            class="preview-spinner"
+          >
             <FAIcon
               class="fa-old-padding"
               spin

src/components/react_button/react_button.vue

@@ -11,8 +11,8 @@
     >
       <div class="reaction-picker-filter">
         <input
-          size="1"
           v-model="filterWord"
+          size="1"
           :placeholder="$t('emoji.search_emoji')"
         >
       </div>

src/components/settings_modal/tabs/theme_tab/preview.vue

@@ -126,6 +126,8 @@ library.add(
   faRetweet,
   faReply
 )
+
+export default {}
 </script>
 
 <style lang="scss">