fix: Update styles to fix the image resolution on smaller devices (#2618)

app/javascript/dashboard/routes/dashboard/settings/inbox/ChannelList.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="wizard-body small-9 columns">
+  <div class="wizard-body small-12 medium-9 columns height-auto">
     <page-header
       :header-title="$t('INBOX_MGMT.ADD.AUTH.TITLE')"
       :header-content="$t('INBOX_MGMT.ADD.AUTH.DESC')"
@@ -77,3 +77,8 @@ export default {
   },
 };
 </script>
+<style scoped>
+.height-auto {
+  height: auto;
+}
+</style>

app/javascript/dashboard/routes/dashboard/settings/inbox/InboxChannels.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="row content-box full-height">
     <woot-wizard
-      class="small-3 columns"
+      class="hide-for-small-only medium-3 columns"
       :global-config="globalConfig"
       :items="items"
     />