css fix for safari

templates/base.html

@@ -6,7 +6,8 @@
 <title>{% block title %} TurtleStitch - Coded Embroidery {% endblock %} </title>
 
 <meta charset="utf-8">    
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
 <meta name="description" content="Turtlestitch is based on a browser-based
 educational programming language (Snap!) to generate patterns for embroidery
 machines. It is easy to use, requiring no prior knowledge in programming,

templates/nav.html

@@ -7,7 +7,7 @@
     </a>
 
     <div class="flex-auto pl-0 navlinks">
-      <div class="ml-10 dropdown ">
+      <div class="ml-10 dropdown lg:hidden">
         <a tabindex="0" role="button" class="hover:text-secondary lg:hidden m-1">
           <svg
             xmlns="http://www.w3.org/2000/svg"
@@ -22,7 +22,7 @@
               d="M4 6h16M4 12h8m-8 6h16" />
           </svg>
         </a>
-        <ul tabindex="0"  class="menu dropdown-content  z-[1] bg-primary p-2 shadow">
+        <ul tabindex="0" class="menu dropdown-content z-[1] bg-primary p-2 shadow">
           <li><a href="/page/about">About</a></li>
           <li><a href="/page/tutorials">Tutorials</a></li>
           <li><a href="/categories" hx-boost="false">Categories</a></li>
@@ -45,7 +45,7 @@
       </div>      
 
       <div class="hidden lg:inline">
-        <a href="/" class="hover:text-white text-black">
+        <a href="/" class="hover:text-white text-black ml-10">
           TurtleStitch
         </a>|
         <a href="/page/about">About</a>|