Adjust dashboard interface

dvw16101 · Dec 6, 2020 · 6fd5c52 · 6fd5c52
1 parent 0685d71
commit 6fd5c52
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -76,7 +76,7 @@ <h2 class="text-white mb-4">DDD Filter applications in the Network</h2>
                   <!--THIS IS THE SIDEBAR. I ALSO ADDED THE BUTTONS TO IT AS WELL-->
                   <div id="mySidebar" class="sidebar">
                     <a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
-                <form style="float:left; padding-top: 30px;"">
+                <form style="float:left; padding-top: 30px; padding-left: 30px;"">
                       <label>Number of Packets:</label><br>
                       <input type="number" id="npackets" name="npackets" value=3><br>
 
@@ -94,10 +94,12 @@ <h2 class="text-white mb-4">DDD Filter applications in the Network</h2>
 
 
                   <div style="float:left; padding-top: 40px; padding-left: 20px;">
-                  <p ><button onclick="startSimulation()">Start Simulation</button></p>
-                  <p><button onclick="pauseSimulation()">Pause Simulation</button></p>
-                  <p><button onclick="resumeSimulation()">Resume Simulation</button></p>
-                  <p><button onclick="stopSimulation()">Stop Simulation</button></p>
+                  <p><button onclick="startSimulation()" class="btn btn-light btn-sm">Start Simulation</button></p>
+                  <p><button onclick="stopSimulation()" class="btn btn-light btn-sm">Stop Simulation</button></p>
+                  </div>
+                  <div style="float:left; padding-top: 40px; padding-left: 20px;">
+                  <p><button onclick="pauseSimulation()" class="btn btn-light btn-sm">Pause Simulation</button></p>
+                  <p><button onclick="resumeSimulation()" class="btn btn-light btn-sm">Resume Simulation</button></p>
                   </div>
                   </div>
 
@@ -108,7 +110,7 @@ <h2 class="text-white mb-4">DDD Filter applications in the Network</h2>
                   <script>
                     function openNav() {
                       document.getElementById("mySidebar").style.height = "250px";
-                      document.getElementById("main").style.marginTop = "150px";
+                      document.getElementById("main").style.marginTop = "75px";
                     }
 
                     function closeNav() {