Add dashboard permanently to the top of the page

css/styles.css

@@ -7484,7 +7484,7 @@ button.bg-black:focus {
   position: fixed;
   top: 0;
   right: 0;
-  left: 0;
+  left: 95%;
   z-index: 1030;
 }
 

index.html

@@ -112,19 +112,19 @@ <h2 class="text-white mb-4">DDD Filter applications in the Network</h2>
                   </div>
 
 
-                  <div id="main">
+                  <nav class="fixed-top" style="padding-top: 0;" id="main">
                     <button class="openbtn" onclick="openNav()">☰</button>
-                  </div>
+                  </nav>
 
                   <script>
                     function openNav() {
                       document.getElementById("mySidebar").style.height = "250px";
-                      document.getElementById("main").style.marginTop = "75px";
+                      document.getElementById("main").style.marginTop = "250px";
                     }
 
                     function closeNav() {
                       document.getElementById("mySidebar").style.height = "0";
-                      document.getElementById("main").style.marginTop= "0";
+                      document.getElementById("main").style.marginTop= "0px";
                     }
                     </script>
 

js/canvas.js

@@ -141,21 +141,21 @@ async function startSimulation() {
 
 
     // Initialize the entity objects
-    let garbage = new Garbage(700, 400);
-    let client = new Client(100, 80, undefined, packetsPerTimeUnit);
-    let router = new Router(800, 80, client, packetsPerTimeUnit);
+    let garbage = new Garbage(700, 520);
+    let client = new Client(100, 200, undefined, packetsPerTimeUnit);
+    let router = new Router(800, 200, client, packetsPerTimeUnit);
 
     if (dddState) {
-        var ddd = new DDD(400, 80, client, packetsPerTimeUnit, nPorts);
+        var ddd = new DDD(400, 200, client, packetsPerTimeUnit, nPorts);
         ddd.garbage = garbage;
         router.nextEntity = ddd;
     }
-    let server = new Server(1200, 80, router, packetsPerTimeUnit);
+    let server = new Server(1200, 200, router, packetsPerTimeUnit);
     client.nextEntity = server;
     garbage.nextEntity = server;
     garbage.packetsPerTimeUnit = 1;
 
-    let attacker = new Attacker(1500, 80, server, packetsPerTimeUnit);
+    let attacker = new Attacker(1500, 200, server, packetsPerTimeUnit);
     let packetsList = createPackets(totalPackets, attacker, nPorts);
     attacker.queue = packetsList;