index.html in pairing_matrix-2.0

- old
+ new

@@ -1,25 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
     <title>Pairing Matrix</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"/>
     <link rel="stylesheet" href="style.css"/>
     <link rel="stylesheet" href="loader.css"/>
 
     <script language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.10.2/jquery.js"></script>
     <script language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
     <script language="javascript" src="https://cdnjs.cloudflare.com/ajax/libs/d3/4.7.3/d3.min.js"></script>
+    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
     <script language="javascript" src="matrix.js"></script>
     <script language="javascript" src="index.js"></script>
 </head>
 
 <body>
-<div class="visualize_matrix_container">
-    <span>Display data of last</span>
-    <input type="number" id="days" value="10"/>
+<div class="visualize_matrix_container form-group form-inline">
+    <input type="number" class="form-control" id="days" value="10"/>
+    <button id="visualize" class="btn btn-primary form-control">Visualize</button>
+</div>
+<div class="info">
+    <span>Displaying data of last</span>
+    <span id="no_of_days"></span>
     <span>days</span>
-    <button id="visualize">Visualize</button>
 </div>
 
 <div class="loaderContainer">
     <div class="loader">
         <span class="dot dot_1"></span>
@@ -27,13 +32,24 @@
         <span class="dot dot_3"></span>
         <span class="dot dot_4"></span>
     </div>
 </div>
 
+<span>
+    <div class="authors_container">
+        <div class="buttons btn-group">
+            <button id="reset" class="btn btn-danger">Reset</button>
+            <button id="render" class="btn btn-primary">Visualize</button>
+        </div>
+        <div class="checkbox authors">
+        </div>
+    </div>
+
 <div class="viz_container">
     <svg>
         <g class="area">
         </g>
     </svg>
 </div>
+</span>
 </body>
 </html>
\ No newline at end of file