Add vertical spacing between menu items for appropriate tap target sizing

Signed-off-by: Harsh Shandilya <msfjarvis@gmail.com>

themes/hyde/assets/css/hyde.css

@@ -93,6 +93,9 @@ html {
 .sidebar-nav-item {
   display: block;
 }
+li.sidebar-nav-item:not(:last-child) {
+    margin-bottom: 10px;
+}
 a.sidebar-nav-item:hover,
 a.sidebar-nav-item:focus {
   text-decoration: underline;

themes/hyde/layouts/partials/sidebar.html

@@ -9,9 +9,9 @@
 
     <nav>
       <ul class="sidebar-nav">
-        <li><a href="{{ .Site.BaseURL }}">Home</a> </li>
+        <li class="sidebar-nav-item"><a href="{{ .Site.BaseURL }}">Home</a> </li>
         {{ range .Site.Menus.main -}}
-          <li><a href="{{.URL}}"> {{ .Name }} </a></li>
+          <li class="sidebar-nav-item"><a href="{{.URL}}"> {{ .Name }} </a></li>
         {{- end }}
       </ul>
     </nav>