Update styles for mobile view and layout

content/index.md

@@ -46,8 +46,7 @@ function Book(title, author) {
 ```
 :::
 
-More tags can be used to add more information. See the [home page][block-tags] for a complete list
-of tags that are recognized by JSDoc 3.
+More tags can be used to add more information.
 
 ::: example "Adding more information with tags"
 

content/tags-default.md

@@ -15,7 +15,7 @@ synonyms:
 
 ## Overview
 
-The @default tag allows you to document the assigned value of a symbol. You can supply this tag with
+The `@default` tag allows you to document the assigned value of a symbol. You can supply this tag with
 a value yourself or you can allow JSDoc to automatically document the value from the source code --
 only possible when the documented symbol is being assigned a single, simple value that is either: a
 string, a number, a boolean or null.

styles/css3-github-ribbon.css

@@ -19,6 +19,6 @@
 
 @media (max-width: 768px) {
   .github-ribbon{
-    font-size: .8em;
+    font-size: .65em;
   }
 }

styles/usejsdoc.css

@@ -291,7 +291,7 @@ th {
 /* Responsive design Mobile*/
 @media screen and (max-width: 768px) {
     body {
-        --F-size: 12.5px;
+        --F-size: 13.5px;
         font-size: var(--F-size);
     }
 
@@ -301,14 +301,21 @@ th {
         align-items: center;
     }
 
+    .menu-wrapper{
+        margin-right: 55px;
+        position: relative;
+        top: 4px;
+    }
+
     #theme-toggle-btn {
-        font-size: 1.3em;
+        font-size: 1.1em;
     }
 
     #burger-menu{
-        font-size: 1.5em;
+        font-size: 1.3em;
         position: relative;
         bottom: 4px;
+        margin-left: 5px;
     }
 
     #burger-menu, #closeMenuIcon{
@@ -340,15 +347,15 @@ th {
     }
 
     figure pre code {
-        font-size: .87em;
+        font-size: .9em;
     }
 
     code {
-        font-size: .9em;
+        font-size: .95em;
     }
 
     pre {
-        font-size: .85em;
+        font-size: .9em;
     }
 
     .nav-sidebar {
@@ -370,6 +377,11 @@ th {
 
     .article-content {
         width: 100%;
-        padding-right: 45px;
+        padding: 15px 25px 40px;
+    }
+
+    footer {
+        font-size: 0.7em;
+        line-height: 2;
     }
 }