Various mobile overflow fixes

dashboard/src/components/MailDomainStatus.vue

@@ -2,7 +2,6 @@
 
 import { ref, onMounted } from 'vue';
 import { Button } from 'pankow';
-import Section from './Section.vue';
 import MailModel from '../models/MailModel.js';
 
 const props = defineProps([ 'domain' ]);
@@ -59,8 +58,7 @@ onMounted(async () => {
 </script>
 
 <template>
-  <Section>
-
+  <div>
     <h4>{{ $t('email.dnsStatus.title') }} &nbsp; <Button @click="refresh()" small tool icon="fa fa-sync-alt" :disabled="busy" :loading="busy"/></h4>
     <div v-html="$t('email.dnsStatus.description', { emailDnsDocsLink:'https://docs.cloudron.io/email/#dns-records'})"></div>
     <br/>
@@ -134,7 +132,7 @@ onMounted(async () => {
         </div>
       </div>
     </div>
-  </Section>
+  </div>
 </template>
 
 <style scoped>