Various layout fixes for app install dialog

dashboard/src/components/AppInstallDialog.vue

@@ -154,7 +154,7 @@ defineExpose({
 <template>
   <Dialog ref="dialogHandle" @close="onClose()">
     <div class="content" :class="{ 'step-detail': step === STEP.DETAILS, 'step-install': step === STEP.INSTALL }">
-      <div class="header">
+      <div class="app-install-header">
         <div class="summary">
           <div class="title">{{ manifest.title }}</div>
           <div class="lastUpdated">{{ $t('appstore.installDialog.lastUpdated', { date: prettyDate(app.creationDate) }) }}</div>
@@ -228,11 +228,10 @@ defineExpose({
   width: 480px;
 }
 
-.header {
+.app-install-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  margin: 4px;
 }
 
 .summary {

dashboard/src/components/PortBindings.vue

@@ -22,7 +22,7 @@ for (const p in props.udpPorts) {
 
 <template>
   <div v-for="ports in [ tcpPorts, udpPorts ]" :key="ports">
-    <FormGroup v-for="(port, key) in ports" :key="key">
+    <FormGroup v-for="(port, key) in ports" :key="key" style="margin-top: 10px;">
       <Checkbox :label="port.title" v-model="port.enabled" />
       <small>{{ port.description + '.' + (port.portCount >=1 ? (port.portCount + ' ports. ') : '') }}</small>
       <small v-show="port.readOnly">{{ $t('appstore.installDialog.portReadOnly') }}</small>