Fix more spacing and layout issues

dashboard/src/components/app/Info.vue

@@ -145,7 +145,7 @@ onMounted(() => {
       </div>
       <div v-show="editing">
         <textarea ref="notesTextarea" style="white-space: pre-wrap; margin-bottom: 5px; width: 100%" v-model="noteContent" rows="10"></textarea>
-        <div style="display: flex; gap: 5px">
+        <div class="edit-buttons">
           <Button secondary @click="onDismiss()" v-show="!busy">{{ $t('main.dialog.cancel') }}</Button>
           <Button @click="onSubmit()" :disabled="busy" :loading="busy">{{ $t('app.display.saveAction') }}</Button>
         </div>
@@ -156,6 +156,12 @@ onMounted(() => {
 
 <style scoped>
 
+.edit-buttons {
+  display: flex;
+  gap: 5px;
+  margin-top: 10px;
+}
+
 .info-edit-indicator {
   color: var(--pankow-text-color);
   margin-left: 10px;