snow button centering and spacing

bandinopla · Dec 3, 2024 · 7005174 · 7005174
1 parent 04e8b49
commit 7005174
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/componentes/snow.js b/src/componentes/snow.js
@@ -26,7 +26,7 @@ export function Snowfall() {
   if (!isChristmasSeason) return;
 
   return <>
-  <div onClick={()=>toggleSnow()} style={{ display:"flex", color:"red", alignItems:"center", border:"3px solid red", borderTop:"none", position:"fixed", top:0, left:"50%", background:"#eee", zIndex:9999, padding:"5px 10px", borderBottomLeftRadius:5, borderBottomRightRadius:5, cursor:"pointer" }}>
+  <div onClick={()=>toggleSnow()} style={{ display:"flex",transform: "translateX(-50%)", gap:5, color:"red", alignItems:"center", border:"3px solid red", borderTop:"none", position:"fixed", top:0, left:"50%", background:"#eee", zIndex:9999, padding:"5px 10px", borderBottomLeftRadius:5, borderBottomRightRadius:5, cursor:"pointer" }}>
     <AcUnitIcon/> Snow: <strong>{ on?"ON":"OFF"}</strong></div>
 
   { on && <div class="snowflakes" aria-hidden="true">