UI & CSS bugfix.

wled00/data/index.css

@@ -310,10 +310,10 @@ button {
 
 #segutil, #segutil2, #segcont, #putil, #pcont, #pql {
 	width: 280px;
-	min-height: 42px;
 }
 
 #putil, #segutil, #segutil2 {
+	min-height: 42px;
 	margin: 13px auto 0;
 }
 
@@ -1082,6 +1082,7 @@ textarea {
 	border-radius: 21px;
 	margin: 13px auto 0;
 	min-height: 40px;
+	border: 1px solid var(--c-2);
 }
 
 #segutil .lstI {
@@ -1108,7 +1109,7 @@ textarea {
 /* selected list item */
 .lstI.selected {
 	top: 0;
-	bottom: 5px;
+	bottom: 0;
 }
 
 .lstI.sticky,
@@ -1124,17 +1125,17 @@ textarea {
 #fxlist .lstI.selected {
 	top: 142px !important;
 }
-*/
-#pallist .lstI.selected {
-	top: 82px;
-}
-/* calculated in index.js
+
 #fxlist .lstI.sticky {
 	top: 99px !important;
 }
 */
 #pallist .lstI.sticky {
-	top: 40px;
+	top: 42px;
+}
+
+#pallist .lstI.selected {
+	top: 84px;
 }
 
 /* list item content */
@@ -1173,6 +1174,7 @@ input[type="text"].fnd {
 	text-align: left;
 	border-radius: 21px;
 	background: var(--c-2);
+	border: 1px solid var(--c-3);
 }
 
 input[type="text"].fnd:focus {

wled00/data/index.js

@@ -996,11 +996,13 @@ function updatePA()
 		var acv = gId(`p${currentPreset}o`);
 		if (acv /*&& !acv.classList.contains("expanded")*/) {
 			acv.classList.add('selected');
+			/*
 			// scroll selected preset into view (on WS refresh)
 			acv.scrollIntoView({
 				behavior: 'smooth',
 				block: 'center'
 			});
+			*/
 		}
 		acv = gId(`p${currentPreset}qlb`);
 		if (acv) acv.classList.add('selected');
@@ -1301,7 +1303,7 @@ function setSliderAndColorControl(idx, applyDef=false)
   
 	// set top position of the effect list
 	gId("fxFind").style.top = topPosition + "px";
-	topPosition += 40;
+	topPosition += 42;
 	var fxList = gId("fxlist");
 	for (let f of fxList.children) f.style.top = null; // remove top
 	var selected = fxList.querySelector('.selected');