From fef62bcfdfadda316130a619ccaaea1407c04991 Mon Sep 17 00:00:00 2001
From: Frank <91616163+softhack007@users.noreply.github.com>
Date: Sun, 17 Nov 2024 16:53:06 +0100
Subject: [PATCH] peek preview always visible (PC mode)

works in PC mode, but looks bad on mobiles
---
 wled00/data/index.css | 4 ++++
 wled00/data/index.htm | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/wled00/data/index.css b/wled00/data/index.css
index 617f971bd0..595ccec52f 100644
--- a/wled00/data/index.css
+++ b/wled00/data/index.css
@@ -402,6 +402,10 @@ button {
     margin: 0 auto auto;
 }
 
+.belowpreview {
+	top: 164px;
+}
+
 .staybot {
 	bottom: 5px;
 }
diff --git a/wled00/data/index.htm b/wled00/data/index.htm
index e0c9ca547c..392da365cd 100644
--- a/wled00/data/index.htm
+++ b/wled00/data/index.htm
@@ -211,7 +211,7 @@
 	</div>
 
 	<div id="Effects" class="tabcontent">
-		<div id="effectGFX" hidden="true"> <!--WLEDMM-->
+		<div id="effectGFX" style="z-index: 2;" hidden="true"> <!--WLEDMM-->
 			<!-- <p class="labels hd">Peek ☾ <button class="btn infobtn btn-xs" onclick="eandp(this,gId('canvasPeek'));">v</button></p> -->
 			<br>
 			<canvas id="canvasPeek" onclick="bigPeek(true)"></canvas><br>
@@ -219,7 +219,7 @@
 		</div>
 		<div id="fx">
 			<p class="labels hd" id="modeLabel">Effect mode</p>
-			<div class="staytop fnd" id="fxFind">
+			<div class="staytop fnd belowpreview" id="fxFind">  <!--WLEDMM-->
 				<input type="text" placeholder="Search" oninput="search(this,'fxlist')" onfocus="search(this,'fxlist');gId('filters').classList.add('fade');" onblur="gId('filters').classList.remove('fade')"/>
 				<i class="icons clear-icon" onclick="clean(this);">&#xe38f;</i>
 				<i class="icons search-icon" onclick="gId('filters').classList.toggle('hide');" style="cursor:pointer;">&#xe0a1;</i>