fix(ui): make manage nodes dialog persistent and timoeut label (#1688)

docs/usage/setup.md

@@ -50,7 +50,7 @@ Properties of a **valueId configuration**:
 - **Log level**: Set the log level (Error, Warn, Info, Verbose, Debug, Silly)
 - **Log to file**: Enable this to store the logs to a file
 - **Log nodes**: Filter zwave-js logs to log just this nodes
-- **Commands timeout**: Seconds to wait before automatically stop inclusion/exclusion
+- **Inclusion/Exclusion timeout**: Seconds to wait before automatically stop inclusion/exclusion
 - **Hidden settings**: Advanced settings not visible to the user interface, you can edit these by setting in the `settings.json` file you fins in store directory
   - `zwave.options` overrides options passed to the zwave js Driver constructor [ZWaveOptions](https://zwave-js.github.io/node-zwave-js/#/api/driver?id=zwaveoptions)
 

src/components/Settings.vue

@@ -458,11 +458,11 @@
 													v-model.number="
 														newZwave.commandsTimeout
 													"
-													label="Commands timeout"
+													label="Inclusion/Exclusion timeout"
 													:rules="[rules.required]"
 													required
 													suffix="seconds"
-													hint="Seconds to wait before stop inclusion/exclusion mode"
+													hint="Seconds to wait before to stop inclusion/exclusion mode"
 													type="number"
 												></v-text-field>
 											</v-col>

src/components/dialogs/DialogAddRemove.vue

@@ -1,13 +1,17 @@
 <template>
 	<v-dialog
 		v-model="value"
-		@click:outside="$emit('close')"
 		@keydown.esc="$emit('close')"
 		max-width="800px"
+		persistent
 	>
 		<v-card :loading="loading">
 			<v-card-title>
 				<span class="headline">Nodes Manager</span>
+				<v-spacer></v-spacer>
+				<v-btn icon @click="$emit('close')"
+					><v-icon>clear</v-icon></v-btn
+				>
 			</v-card-title>
 
 			<v-card-text>