Reposition the inputs

dvw16101 · Jan 23, 2021 · 3b17b56 · 3b17b56
1 parent ca0c228
commit 3b17b56
Showing 1 changed file with 13 additions and 6 deletions.
diff --git a/templates/temp_index.html b/templates/temp_index.html
@@ -38,7 +38,8 @@
             <div id="mySidebar" class="sidebar">
                 <div id="UserInputCol" style="float:left">
                     <form style="padding-top: 30px; padding-left: 30px;"">
-                        <div stye="float:top">
+                        <div style="float:top">
+                          <div id ="firstColumn" style ="float:left">
                             <label>Attacker Tranmission Rate (MB per seconds):</label>
                             <input type="number" id="attackerSendRate" name="attackerSendRate" value=3><br>
 
@@ -85,7 +86,10 @@
 
                             <label>Number of SynAck resends:</label>
                             <input type="number" id="numbSynAckResends" name="numbSynAckResends" value=3><br>
+                          </div>
 
+
+                          <div id="secondColumn" style ="float:right">
                             <label>Client to Router Bandwidth (MB/s):</label>
                             <input type="number" id="clienttoRouter" name="clienttoRouter" value=3><br>
 
@@ -114,8 +118,11 @@
                             <input type="checkbox" id="DDDstate" name="DDDstate" ,="" checked="true">
 
                             <input style="padding-left: 20px; padding-top:10px" type="file" id ="myFile" multiple size="50" onchange="openFile()">
+                          </div>
+
                         </div>
 
+
                         <div id="checkboxRowOne" style="float:bottom">
                             <div style="float:left; padding-top: 10px">
                                 <label>Skip Animation</label><br>
@@ -169,8 +176,8 @@
                             }
                             function showUI(){
                                 $("#UserInputCol").show();
-                                document.getElementById("mySidebar").style.height = "750px";
-                                document.getElementById("main").style.marginTop = "750px";
+                                document.getElementById("mySidebar").style.height = "600px";
+                                document.getElementById("main").style.marginTop = "600px";
                             }
                         </script>
                     </div>
@@ -246,12 +253,12 @@
 
                   <script>
                     function openNav() {
-                      if(document.getElementById("mySidebar").style.height == "750px"){
+                      if(document.getElementById("mySidebar").style.height == "600px"){
                         closeNav();
                       }
                       else{
-                        document.getElementById("mySidebar").style.height = "750px";
-                        document.getElementById("main").style.marginTop = "750px";
+                        document.getElementById("mySidebar").style.height = "600px";
+                        document.getElementById("main").style.marginTop = "600px";
 
                       }
                     }