Condense view horizontally and fix settings item spacings

dashboard/src/components/Ipv4Config.vue

@@ -140,7 +140,12 @@ onMounted(async () => {
     </Dialog>
 
     <Section :title="$t('network.ip.title')">
-      <p>{{ $t('network.ip.description') }}</p>
+      <template #header-buttons>
+        <Button @click="onConfigure()">{{ $t('network.ip.configure') }}</Button>
+      </template>
+
+      <div>{{ $t('network.ip.description') }}</div>
+      <br/>
 
       <div class="info-row">
         <div class="info-label">{{ $t('network.ip.provider') }}</div>
@@ -154,8 +159,6 @@ onMounted(async () => {
         <div class="info-label">{{ $t('network.ip.interface') }}</div>
         <div class="info-value">{{ interfaceName }}</div>
       </div>
-
-      <Button @click="onConfigure()">{{ $t('network.ip.configure') }}</Button>
     </Section>
   </div>
 </template>