From 955d403bdbac1ee153ab9aad8062b074658bca8d Mon Sep 17 00:00:00 2001
From: Daniel Lando <daniel.sorridi@gmail.com>
Date: Wed, 17 Jul 2024 09:01:10 +0200
Subject: [PATCH] fix: style issues

---
 .../dialogs/DialogLinkReliability.vue         | 45 +++++++++++--------
 1 file changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/components/dialogs/DialogLinkReliability.vue b/src/components/dialogs/DialogLinkReliability.vue
index 338f3e3bc64..bc6734abdd6 100644
--- a/src/components/dialogs/DialogLinkReliability.vue
+++ b/src/components/dialogs/DialogLinkReliability.vue
@@ -11,38 +11,26 @@
 			<v-card-text>
 				<v-container>
 					<v-row class="ma-3" justify="start">
-						<v-col cols="6">
+						<v-col cols="12">
 							<v-select
 								label="Mode"
+								style="max-width: 325px"
 								v-model="mode"
 								:items="modes"
 								persistent-hint
 							></v-select>
 						</v-col>
 
-						<v-col cols="6">
-							<v-text-field
-								label="Interval"
-								v-model.number="interval"
-								suffix="ms"
-								type="number"
-								:min="1"
-								:max="10000"
-								persistent-hint
-							></v-text-field>
-						</v-col>
-
 						<v-col cols="6">
 							<v-radio-group
 								class="justify-center"
-								row
 								v-model="infinite"
 							>
 								<v-radio
 									label="Infinite"
 									:value="true"
 								></v-radio>
-								<v-radio label="" :value="false">
+								<v-radio label="XX" :value="false">
 									<template v-slot:label>
 										<v-text-field
 											:disabled="infinite"
@@ -57,6 +45,18 @@
 								</v-radio>
 							</v-radio-group>
 						</v-col>
+
+						<v-col cols="6" class="justify-center">
+							<v-text-field
+								label="Interval"
+								v-model.number="interval"
+								suffix="ms"
+								type="number"
+								:min="1"
+								:max="10000"
+								persistent-hint
+							></v-text-field>
+						</v-col>
 					</v-row>
 
 					<v-row class="mb-2" justify="space-around">
@@ -77,7 +77,12 @@
 
 					<v-divider></v-divider>
 
-					<v-row v-if="statistics" class="ma-3" justify="start">
+					<v-row v-if="statistics" class="ma-3" justify="center">
+						<v-progress-linear
+							v-if="running"
+							indeterminate
+							color="green darken-1"
+						></v-progress-linear>
 						<v-list dense>
 							<v-list-item>
 								<v-list-item-content>
@@ -290,12 +295,15 @@ export default {
 				[this.activeNode.id],
 			)
 
+			this.running = false
+
 			if (response.success) {
 				this.showSnackbar('Link statistics aborted', 'success')
-				this.running = false
 			}
 		},
 		async checkLinkReliability() {
+			this.running = true
+
 			const response = await this.app.apiRequest(
 				`checkLinkReliability`,
 				[
@@ -312,9 +320,10 @@ export default {
 				},
 			)
 
+			this.running = false
+
 			if (response.success) {
 				this.statistics = response.result
-				this.running = true
 			} else {
 				this.showSnackbar(
 					response.message || 'Health check failed',