Delay + commit for without keys

Author: Joshua-Lester3

EssentialCSharp.Web/Views/Shared/_Layout.cshtml

@@ -97,7 +97,9 @@
                         <button class="menu-btn sidebar-tooltip" v-on:click="sidebarShown = !sidebarShown">
                             <i class="fa fa-bars fa-lg icon-light"></i>
                             <span class="sidebar-tooltip-text">
-                            <b>Ctrl + M</b>
+                                <b>Navigation</b>
+                                <br />
+                                Or Ctrl + M
                             </span>
                         </button>
                         <div class="d-none d-lg-block">

EssentialCSharp.Web/wwwroot/css/styles.css

@@ -271,21 +271,23 @@ a:hover {
 }
 
 .sidebar-tooltip:hover .sidebar-tooltip-text {
+  transition-delay: 1s;
+  transition-property: visibility;
   visibility: visible;
 }
 
 .sidebar-tooltip .sidebar-tooltip-text {
   visibility: hidden;
   position: absolute;
-  width: 80px;
+  width: 150px;
   color: var(--primary-color);
   font-size: 1rem;
   background-color: var(--grey-lighten-1);
   border-radius: 10px;
   padding: 10px;
   white-space: normal;
   left: 2rem; 
-  bottom: -9px;
+  bottom: -35px;
 }
 
 .nav-link {