From 8eb23d137d1dfc426bc51527fecbd53ab2a477b0 Mon Sep 17 00:00:00 2001
From: Frank <91616163+softhack007@users.noreply.github.com>
Date: Thu, 31 Oct 2024 11:51:27 +0100
Subject: [PATCH] UI "new segment" layout fix

---
 wled00/data/index.css | 2 +-
 wled00/data/index.js  | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/wled00/data/index.css b/wled00/data/index.css
index c6ffc3e9..617f971b 100644
--- a/wled00/data/index.css
+++ b/wled00/data/index.css
@@ -352,7 +352,7 @@ button {
 
 #putil, #segutil, #segutil2 {
 	min-height: 42px;
-	margin: 13px auto 0;
+	margin: 0 auto;
 }
 
 #segutil .segin {
diff --git a/wled00/data/index.js b/wled00/data/index.js
index 247ab222..86e6465b 100644
--- a/wled00/data/index.js
+++ b/wled00/data/index.js
@@ -2369,7 +2369,7 @@ function makeSeg()
 	});
 	var cn = `<div class="seg lstI expanded">`+
 		`<div class="segin">`+
-			`<input type="text" id="seg${lu}t" autocomplete="off" maxlength=32 value="" placeholder="New segment ${lu}"/>`+
+			`<input class="ptxt show" type="text" id="seg${lu}t" autocomplete="off" maxlength=32 value="" placeholder="New segment ${lu}"/>`+
 			`<table class="segt">`+
 				`<tr>`+
 					`<td width="38%">${isM?'Start X':'Start LED'}</td>`+
@@ -2395,7 +2395,7 @@ function makeSeg()
 
 function resetUtil(off=false)
 {
-	gId('segutil').innerHTML = `<div class="seg btn btn-s${off?' off':''}" style="padding:0;">`
+	gId('segutil').innerHTML = `<div class="seg btn btn-s${off?' off':''}" style="padding:0;margin-bottom:12px;">`
 	+ '<label class="check schkl"><input type="checkbox" id="selall" onchange="selSegAll(this)"><span class="checkmark"></span></label>'
 	+ `<div class="segname" ${off?'':'onclick="makeSeg()"'}><i class="icons btn-icon">&#xe18a;</i>Add segment</div>`
 	+ '<div class="pop hide" onclick="event.stopPropagation();">'