Update dist/index.html

dist/index.html

@@ -8,6 +8,7 @@
 <meta name="description" content="SwaggerUI" />
 <title>3GPP 5GC SBI OpenAPI</title>
 <link rel="stylesheet" href="https://unpkg.com/swagger-ui-dist@5.6.2/swagger-ui.css" />
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 <style>
         #swagger-ui {
                 padding-top: 1em;
@@ -38,7 +39,22 @@
                 position: fixed;
                 width: fit-content(1em);
                 /* border: solid; */
+        }
+
+        .btn {
+                padding: 0;
+                background-color: transparent;
+                /* Blue background */
+                border: none;
+                /* Remove borders */
+                border-radius: 0.25rem;
+                cursor: pointer;
+                font-weight: bold;
+                /* Mouse pointer on hover */
+        }
 
+        .btn:hover {
+                transform: scale(1.02);
         }
 
         #toc nav {
@@ -48,32 +64,25 @@
                 -ms-overflow-style: none;
                 padding-right: 0;
                 height: calc(100vh - 50px);
-
         }
-
         #toc nav::-webkit-scrollbar {
                 display: none;
                 /* Chrome Safari */
         }
-
         #toc.active nav {
                 display: block;
         }
-
         #toc ul {
                 list-style: none;
                 margin: 0;
                 padding: 0;
                 
-
         }
-
         #toc ul a:link {
                 padding-left: 0.5em;
                 padding-right: 0.5em;
                 text-decoration: none;
         }
-
         #toc ul a:hover {
                 cursor: pointer;
                 background: #ffdfdf;
@@ -81,9 +90,8 @@
                 border-radius: 0.25rem;
                 transform: scale(1.02);
         }
-
-
         #release-select {
+                font-weight: bold;
                 appearance: none;
                 -webkit-appearance: none;
                 z-index: 3;
@@ -94,10 +102,7 @@
                 background-color: #f6fffe;
                 border: 2px solid #96ccff;
                 border-radius: 0.25rem;
-                color: #000;
                 cursor: pointer;
-
-
         }
 </style>
 </head>
@@ -112,7 +117,10 @@
                 </select>
         </div>
 <div id="toc">
-<label><b>☰ 5GC NF Index</b></label>
+<label>
+        <button class="btn"><i class="fa fa-bars"></i> 5GC API Index</button>
+        
+</label>
 <nav class="toc">
         <h5>AMF 29.518</h5>
         <ul>
@@ -514,7 +522,6 @@
         window.onload = () => {
                 update(currentFile);
         };
-
         const toc = document.getElementById("toc");
         const swagger = document.getElementById("swagger-ui");
         toc.querySelector("label").addEventListener("click", e => {
@@ -526,7 +533,6 @@
         swagger.addEventListener("click", e => {
                 toc.classList.remove("active");
         });
-
 </script>
 </body>