Fix segment creation

Author: Aircoookie

wled00/data/index.css

@@ -695,6 +695,10 @@ input[type=text] {
 }
 
 .stxt {
+	margin-top: 6px !important;
+}
+
+.qltxt {
 	width: 50px !important;
 }
 
@@ -787,7 +791,7 @@ input[type=number]::-webkit-outer-spin-button {
 
 .cnf-s {
 	position: absolute;
-	top: 173px;
+	top: 223px;
 	right: 23px;
 	padding: 7px 22px;
 }
@@ -804,7 +808,7 @@ input[type=number]::-webkit-outer-spin-button {
 
 .half {
 	padding: 7.5px;
-	top: 64px;
+	top: 113px;
 }
 
 .del {

wled00/data/index.js

@@ -583,7 +583,7 @@ function populateSegments(s)
 			</div>
 			<i class="icons e-icon flr ${expanded[i] ? "exp":""}" id="sege${i}" onclick="expand(${i})">&#xe395;</i>
 			<div class="segin ${expanded[i] ? "expanded":""}" id="seg${i}">
-				<input type="text" class="ptxt noslide" id="seg${i}t" autocomplete="off" maxlength=32 value="${inst.n?inst.n:""}" placeholder="Enter name..."/>
+				<input type="text" class="ptxt stxt noslide" id="seg${i}t" autocomplete="off" maxlength=32 value="${inst.n?inst.n:""}" placeholder="Enter name..."/>
 				<div class="sbs">
 				<i class="icons e-icon pwr ${powered[i] ? "act":""}" id="seg${i}pwr" onclick="setSegPwr(${i})">&#xe08f;</i>
 				<div class="sliderwrap il sws">
@@ -1262,6 +1262,7 @@ function makeSeg() {
 			</div>
 			<br>
 			<div class="segin expanded">
+        <input type="text" class="ptxt stxt noslide" id="seg${lowestUnused}t" autocomplete="off" maxlength=32 value="" placeholder="Enter name..."/>
 				<table class="segt">
 					<tr>
 						<td class="segtd">Start LED</td>
@@ -1406,7 +1407,7 @@ function makeP(i,pl) {
 
 	return `
 	<input type="text" class="ptxt noslide" id="p${i}txt" autocomplete="off" maxlength=32 value="${(i>0)?pName(i):""}" placeholder="Enter name..."/><br>
-	<div class="c">Quick load label: <input type="text" class="stxt noslide" maxlength=2 value="${qlName(i)}" id="p${i}ql" autocomplete="off"/></div>
+	<div class="c">Quick load label: <input type="text" class="qltxt noslide" maxlength=2 value="${qlName(i)}" id="p${i}ql" autocomplete="off"/></div>
 	<div class="h">(leave empty for no Quick load button)</div>
 	<div ${pl&&i==0?"style='display:none'":""}>
 	<label class="check revchkl">