Tweak mobile CSS

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>

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>