From f7e9f6fa49e883383e6e5d107df02ebd730c07e8 Mon Sep 17 00:00:00 2001
From: Javier Sánchez Parra <jsanchez@soleta.eu>
Date: Mon, 22 Feb 2021 11:28:30 +0100
Subject: #1008 Improve Setup form user experience

Setup (Particionar y Formatear) forms do not show new features clearly.
Table type selector goes unnoticed and change disk button might be taken
(incorrectly) as the accept button.

This commit improves user experience of the setup command form:
	* Highlights and centers table type selector.
	* Changes text of change disk button.
---
 admin/WebConsole/comandos/Configurar.php | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

(limited to 'admin')

diff --git a/admin/WebConsole/comandos/Configurar.php b/admin/WebConsole/comandos/Configurar.php
index 25255f6f..0f22209c 100644
--- a/admin/WebConsole/comandos/Configurar.php
+++ b/admin/WebConsole/comandos/Configurar.php
@@ -136,12 +136,22 @@ if (isset($_POST["numdisk"])) $numdisk=$_POST["numdisk"];
 		$rs->Cerrar();
 	}
 ?>
-	<div>
-		Tabla de particiones:
-		<select name="table_type" id="table_type">
-			<option value="MSDOS">MSDOS</option>
-			<option value="GPT" <?php echo $current_table_type == 2 ? "selected" : ""; ?>>GPT</option>
-		</select>
+	<div style="display: flex; justify-content: center;">
+		<table class="tabla_listados_sin">
+			<tbody>
+				<tr>
+					<th>
+						Tabla de particiones:
+					</th>
+				</tr>
+				<td>
+					<select name="table_type" id="table_type">
+						<option value="MSDOS">MSDOS</option>
+						<option value="GPT" <?php echo $current_table_type == 2 ? "selected" : ""; ?>>GPT</option>
+					</select>
+				</td>
+			</tbody>
+		</table>
 	</div>
 <?php
 	$sws=$fk_sysFi |  $fk_tamano | $fk_nombreSO;
@@ -164,7 +174,7 @@ if (isset($_POST["numdisk"])) $numdisk=$_POST["numdisk"];
 			<input type="hidden" name="current_numdisk" value="<?php echo $numdisk?>">
 			<?php echo HTMLSELECT_disks($configs, $numdisk); ?>
 			<a href=#>
-				<img border=0 src="../images/boton_confirmar_<?php echo $idioma ?>.gif" onclick="document.disk.submit()">
+				<button onclick="document.disk.submit()">Cambiar disco</button>
 			</a>
 		</form>
 	</div>
-- 
cgit v1.2.3-18-g5258