From 208743c0ba92fbc91e3e4b4e0c48d3d37dcbed44 Mon Sep 17 00:00:00 2001
From: Simone Mainardi <mainardi@ntop.org>
Date: Wed, 19 May 2021 17:52:41 +0200
Subject: [PATCH] Fixes active monitoring modal poorly styled

Fixes #5359
---
 .../active_monitoring/templates/am_edit_host_modal.html   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/scripts/plugins/monitors/network/active_monitoring/templates/am_edit_host_modal.html b/scripts/plugins/monitors/network/active_monitoring/templates/am_edit_host_modal.html
index c309622bbc..830ea6921d 100644
--- a/scripts/plugins/monitors/network/active_monitoring/templates/am_edit_host_modal.html
+++ b/scripts/plugins/monitors/network/active_monitoring/templates/am_edit_host_modal.html
@@ -28,7 +28,7 @@
 						<label class="col-sm-3 col-form-label">{{ dialog.am_host }}</label>
 						<div class="col-sm-5">
 							<input placeholder="https://ntop.org" required id="input-edit-host" type="text" name="host"
-								class="form-control measurement-host" />
+								class="form-select measurement-host" />
 						</div>
 					</div>
 					<div class="form-group mb-3  row">
@@ -43,7 +43,7 @@
 							<div class="input-group">
 								<span class="input-group-text measurement-operator"></span>
 								<input required id="input-edit-threshold" name="threshold" type="number"
-									class="form-control rounded-right measurement-threshold" min="1" max="10000">
+									class="form-select rounded-right measurement-threshold" min="1" max="10000">
 							</div>
 						</div>
 						<div class="col-sm-2 pl-0">
@@ -55,7 +55,7 @@
 							{{ i18n("pools.pool_names_suffix.active_monitoring") }}
 						</label>
 						<div class="col-sm-5">
-							<select class="form-control" name="pool" id="select-edit-pool">
+							<select class="form-select" name="pool" id="select-edit-pool">
 								{% for _, pool in pairsByKeys(pools:get_all_pools(), asc) do %}
 								<option value="{{ pool.pool_id }}">{{ pool.name }}</option>
 								{% end %}
@@ -74,7 +74,7 @@
 							{{ i18n("interface") }}
 						</label>
 						<div class="col-sm-5">
-							<select class="form-control" name="iface">
+							<select class="form-select" name="iface">
 							  <option selected>{{ i18n("active_monitoring_stats.default_interface") }}</option>
 							  {%
 							     for name,v in pairsByKeys(ntop.listInterfaces(), asc) do