Modifications

wled00/data/index.css

@@ -271,25 +271,12 @@ button {
 	transform: translate(-50%,-50%);
 }
 
-#pxm {
-    display: none;
-    width: 100%;
-    height: 100%;
-    border: 0;
-    position: absolute;
-}
-
 #ipxm {
     width: 100%;
     height: 100%;
     position: relative;
 }
 
-.btn-pxm {
-    width: 100% !important;
-    margin: 10px 0 !important;
-}
-
 .tab {
 	background-color: transparent;
 	color: var(--c-d);

wled00/data/index.htm

@@ -201,6 +201,7 @@
 			<div style="padding-bottom: 10px;">
 				<button class="btn btn-xs" type="button" onclick="window.location.href=getURL('/cpal.htm')"><i class="icons btn-icon">&#xe18a;</i></button>
 				<button class="btn btn-xs" type="button" onclick="palettesData=null;localStorage.removeItem('wledPalx');requestJson({rmcpal:true});setTimeout(loadPalettes,250,loadPalettesData);"><i class="icons btn-icon">&#xe037;</i></button>
+                <button class="btn btn-xs" type="button" onclick="togglePixelMagicTool()" id="bpxm"><i class="icons btn-icon">&#xe410;</i></button>
 			</div>
 		</div>
 	</div>

wled00/data/index.js

@@ -2055,12 +2055,13 @@ function resetPUtil()
 {
 	gId('psFind').classList.add('staytop');
 	let p = gId('putil');
-    let dpxm = cfg.comp.pxm ? "inline-block" : "none";
 	p.classList.add('staybot');
 	p.classList.remove('pres');
 	p.innerHTML = `<button class="btn btn-s" onclick="makePUtil()" style="float:left;"><i class="icons btn-icon">&#xe18a;</i>Preset</button>`
-	+ `<button class="btn btn-s" onclick="makePlUtil()" style="float:right;"><i class="icons btn-icon">&#xe18a;</i>Playlist</button>`
-    + `<button class="btn btn-pxm" id="buttonPixelMagicTool" onclick="togglePixelMagicTool()" style="display: ${dpxm};"><i class="icons btn-icon">&#xe410;</i>Pixel Magic Tool</button>`;
+	+ `<button class="btn btn-s" onclick="makePlUtil()" style="float:right;"><i class="icons btn-icon">&#xe18a;</i>Playlist</button>`;
+
+    let dpxm = cfg.comp.pxm ? "block" : "none";
+    gId('bpxm').style.display = dpxm;
 }
 
 function tglCs(i)