services: edit -> configure

dashboard/src/views/ServicesView.vue

@@ -42,7 +42,7 @@ const actionMenuElement = useTemplateRef('actionMenuElement');
 function onActionMenu(service, event) {
   actionMenuModel.value = [{
     icon: 'fa-solid fa-pencil-alt',
-    label: t('main.action.edit'),
+    label: t('main.action.configure'),
     visible: service.status !== 'disabled' && service.memoryLimit,
     action: onEdit.bind(null, service),
   }, {
@@ -213,7 +213,7 @@ onMounted(async () => {
   <div class="content">
     <Menu ref="actionMenuElement" :model="actionMenuModel" />
     <Dialog ref="dialog"
-      :title="$t('services.configure.title', { name: editService.name })"
+      :title="$t('services.configure.title')"
       :confirm-busy="editBusy"
       :confirm-label="$t('main.dialog.save')"
       :reject-label="$t('main.dialog.cancel')"
@@ -222,6 +222,8 @@ onMounted(async () => {
     >
       <p class="has-error text-center" v-show="editError">{{ editError }}</p>
 
+      <p>{{ $t('services.configure.description', { name: editService.name }) }}</p>
+
       <FormGroup>
         <label for="memoryLimitInput" style="display: flex; justify-content: space-between;">
           <span>{{ $t('services.memoryLimit') }}: {{ prettyBinarySize(editMemoryLimit) }}</span>
@@ -233,9 +235,8 @@ onMounted(async () => {
         </datalist>
       </FormGroup>
       <br/>
-      <br/>
       <Checkbox v-model="editRecoveryMode" :label="$t('services.configure.enableRecoveryMode')" />
-      <p v-html="$t('services.configure.recoveryModeDescription', { docsLink: 'https://docs.cloudron.io/troubleshooting/#unresponsive-service' })"></p>
+      <div v-html="$t('services.configure.recoveryModeDescription', { docsLink: 'https://docs.cloudron.io/troubleshooting/#unresponsive-service' })"></div>
     </Dialog>
 
     <Section :title="$t('services.title')">