From 6fd5c52b1fe8fbb5ef35f8079ee92f7e74632d20 Mon Sep 17 00:00:00 2001
From: Abhinna Adhikari <adhikari.abhinna@gmail.com>
Date: Sat, 5 Dec 2020 22:33:03 -0500
Subject: [PATCH] Adjust dashboard interface

---
 index.html | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 5ad6174..7af06de 100644
--- 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() {