Various mobile overflow fixes

dashboard/src/views/NetworkView.vue

@@ -3,6 +3,7 @@
 import { ref, onMounted, watch } from 'vue';
 import { Switch } from 'pankow';
 import Section from  '../components/Section.vue';
+import SettingsItem from  '../components/SettingsItem.vue';
 import Ipv4Config from '../components/Ipv4Config.vue';
 import Ipv6Config from '../components/Ipv6Config.vue';
 import Firewall from '../components/Firewall.vue';
@@ -33,11 +34,11 @@ onMounted(async () => {
     <Ipv6Config />
     <Firewall />
 
-    <Section :title="$t('network.dyndns.title')">
-      <p>{{ $t('network.dyndns.description') }}</p>
-      <!-- TODO<p class="text-danger" ng-show="dyndnsConfigure.error"><br/>{{ dyndnsConfigure.error }}</p> -->
-
-      <Switch v-model="dynDnsIsEnabled" :label="$t(dynDnsIsEnabled ? 'main.statusEnabled' : 'main.statusDisabled')" />
+    <Section :title="$t('network.dyndns.title')" :padding="false">
+      <SettingsItem>
+        <p>{{ $t('network.dyndns.description') }}</p>
+        <Switch v-model="dynDnsIsEnabled"/>
+      </SettingsItem>
     </Section>
   </div>
 </template>