From 2a23946eedc3bab1d185240005000b1a54a9ee95 Mon Sep 17 00:00:00 2001
From: Diego Marcos Segura <diego.marcos@gmail.com>
Date: Mon, 2 Jun 2025 05:17:05 -0700
Subject: [PATCH] Tweak mobile CSS

---
 examples.html                        |  1 +
 examples/dynamic-lighting/index.html | 24 ++++++++++++++++++++++--
 2 files changed, 23 insertions(+), 2 deletions(-)

diff --git a/examples.html b/examples.html
index cd7ff86..3ec6390 100644
--- a/examples.html
+++ b/examples.html
@@ -361,6 +361,7 @@
       <a href="/examples/raycasting/index.html" class="example-link">Raycasting</a>
       <a href="/examples/dynamic-lighting/index.html" class="example-link">Dynamic Lighting</a>
       <a href="/examples/particle-simulation/index.html" class="example-link">Particle Simulation</a>
+      <a href="/examples/editor/index.html" class="example-link">Editor</a>
     </div>
     <div class="content">
       <iframe class="example-frame" src=""></iframe>
diff --git a/examples/dynamic-lighting/index.html b/examples/dynamic-lighting/index.html
index 7e0626e..1ea1adf 100644
--- a/examples/dynamic-lighting/index.html
+++ b/examples/dynamic-lighting/index.html
@@ -32,14 +32,34 @@
       cursor: pointer;
       margin-right: 2rem;
       margin-bottom: 0.5rem;
-      display: inline-block;
+      background-color: black;
+      border-radius: 10px;
     }
+
+    header {
+      width: 100%;
+      padding: 0;
+      margin-left: 0;
+      padding-top: 20px;
+      text-align: center;
+    }
+
+    @media screen and (max-width: 60em) {
+      label {
+        font-size: 18px;
+      }
+
+      header {
+        margin-left: 1.2rem;
+      }
+    }
+
   </style>
 </head>
 
 <body>
   <header>
-    <label><input type="checkbox" id="debug" autocomplete="off"> Debug Light SDFs</label>
+    <label><input type="checkbox" id="debug" autocomplete="off">Debug Light SDFs</label>
     <label><input type="checkbox" id="daynight" checked="checked" autocomplete="off"> Enable Lighting</label>
   </header>