working on the menu

index.html

@@ -158,9 +158,11 @@
                 display: block;
                 color: springgreen;
             }
+            #site-menu-container,
             #add-site-container {
                 width:0px;
             }
+            #site-menu-container a,
             #add-site-container > a {
                 font-size: 250%;
                 text-decoration: none;
@@ -177,12 +179,17 @@
             #add-site.visible {
                 display: inline-block;
             }
-            .site-data-container:nth-of-type(6) + #add-site-container > #add-site {
+            .site-data-container:nth-of-type(7) + #add-site-container > #add-site {
                 display:none;
             }
-            .site-data-container:nth-of-type(2) ~ #add-site-container > #remove-site {
+            .site-data-container:nth-of-type(3) ~ #add-site-container > #remove-site {
                 display:inline-block;
             }
+            #site-menu-container a#site-menu {
+                display: inline-block;
+                margin-left: -1em;
+                line-height: 78%;
+            }
             #the-chart-container {
                 height:80vh;
                 min-height:600px;
@@ -308,6 +315,9 @@
         </div>
         <div class="sources"><a href="https://github.com/CSSEGISandData/COVID-19">source</a></div>
         <div id="sites-data-container">
+            <div id="site-menu-container">
+                <a href="#site-menu" id="site-menu">☰</a>
+            </div>
             <div class="site-data-container">
                 <h2><select class="sites-select" tabindex="1">
                     <option value="select one">(select an area)</option>