fixed positioning

1 files changed, 9 insertions, 3 deletions

diff --git a/index.html b/index.html
index 2bcabf9..59f72f0 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,11 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link
+      rel="icon"
+      href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>🍺</text></svg>"
+    />
+
+    <link
       href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
       rel="stylesheet"
     />
@@ -70,7 +75,7 @@
       <div id="map"></div>
 
       <!-- Bottom bar (it's double wrapped to allow for overflor-y to not effect the controls) -->
-      <div class="fixed bottom-0 w-full h-72">
+      <div class="fixed bottom-0 w-full h-72" id="bottom">
         <!-- Controls -->
         <ul class="absolute right-2 bottom-full flex flex-col gap-2 pb-2" id="#controls">
           <li class="p-2 bg-amber-600 rounded-2xl select--rectangle">
@@ -81,8 +86,9 @@
           </li>
         </ul>
 
-        <div class="w-full h-full bg-neutral-800 rounded-t-2xl px-5 py-3 flex flex-col overflow-y-auto">
-          <div class="h-1 w-20 bg-neutral-200 rounded-full mb-5 mr-auto ml-auto"></div>
+        <div class="w-full h-full bg-neutral-800 rounded-t-2xl px-5 py-3 flex flex-col overflow-y-auto pt-2">
+          <!-- <div class="h-1 w-20 bg-neutral-200 rounded-full mb-5 mr-auto ml-auto"></div> -->
+          <div class="text-center text-2xl mb-5 cursor-pointer" id="toggle">―</div>
           <div
             class="flex items-center mb-5 bg-[#373737] rounded-lg pl-4 has-[input:focus-visible]:outline has-[input:focus-visible]:outline-2 has-[input:focus-visible]:outline-offset-2 has-[input:focus-visible]:outline-amber-100"
           >