From 7f44ec0478285bc16c5ff9336f604a0e45678130 Mon Sep 17 00:00:00 2001
From: Alex Koch <ipfire@starkstromkonsument.de>
Date: Mon, 2 Sep 2019 00:47:29 +0200
Subject: [PATCH] zoneconf: reduce the width of inputs for vlanid

The inputs for the vlanids are overlapping the borders of their cells (using a recent Firefox on Linux Mint, Android or Windows 7). This patch fixes this by limiting the width to a fixed value.

Signed-off-by: Alex Koch <ipfire@starkstromkonsument.de>
Signed-off-by: Alex Koch <ipfire@starkstromkonsument.de>
Acked-by: Michael Tremer <michael.tremer@ipfire.org>
Signed-off-by: Arne Fitzenreiter <arne_f@ipfire.org>
---
 html/cgi-bin/zoneconf.cgi | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/html/cgi-bin/zoneconf.cgi b/html/cgi-bin/zoneconf.cgi
index 40239c14ed..6b86428181 100644
--- a/html/cgi-bin/zoneconf.cgi
+++ b/html/cgi-bin/zoneconf.cgi
@@ -93,6 +93,10 @@ my $css = <<END
 		text-align: center;
 	}
 
+	input.vlanid {
+		width: 4em;
+	}
+
 	#submit-container {
 		width: 100%;
 		padding-top: 20px;
@@ -432,7 +436,7 @@ foreach (@nics) {
 					<option value="NATIVE" $access_selected{"NATIVE"}>$Lang::tr{"zoneconf access native"}</option>
 					<option value="VLAN" $access_selected{"VLAN"} $vlan_disabled>$Lang::tr{"zoneconf access vlan"}</option>
 				</select>
-				<input type="number" id="TAG $uc $mac" name="TAG $uc $mac" min="1" max="4095" value="$zone_vlan_id" $field_disabled>
+				<input type="number" class="vlanid" id="TAG $uc $mac" name="TAG $uc $mac" min="1" max="4095" value="$zone_vlan_id" $field_disabled>
 			</td>
 END
 ;
-- 
2.39.5