Change paper type selecting link to button

Author: Jayashrri

searchapp/static/home.css

@@ -20,8 +20,9 @@
 .button{
   outline:none;
 }/* Style the links inside the navigation bar */
-.button a {
+.button button{
     outline:0;
+    background-color: transparent;
     font-weight:800;
     color:black;
     text-align: center;
@@ -37,10 +38,11 @@
     white-space: -o-pre-wrap; /* Opera 7 */
     word-wrap: break-word;
 }
-.button a:hover {
+.button button:hover {
     color: black;
+    cursor: pointer;
 }
-.button a:active{
+.button button:active{
   outline:0;
   border:none;
   -moz-outline-style:none;
@@ -50,4 +52,4 @@
   background:black;
   color:white;
   border-radius:5px;
-}
+}

searchapp/templates/home.html

@@ -21,19 +21,19 @@
     </div>
   <div class="ui grid">
     <div class="four wide column">
-      <div class="button" id="test"><a href="" onclick="set_paper_type('test'); return false;" class="button">Test Paper</a>
+      <div class="button" id="test"><button onclick="set_paper_type('test')">Test Paper</button>
       <br>
       <br>
       A Test Paper is a worksheet in the format of the board question paper.Great for pre-board preparation and
       to practice all the question types. The fellow needs to choose which chapters to test.
       </div></div>
-    <div class="four wide column" id="generic"><div class="button"><a href="" onclick="set_paper_type('generic'); return false;" class="button">Generic Paper</a>
+    <div class="four wide column" id="generic"><div class="button"><button onclick="set_paper_type('generic')">Generic Paper</button>
     <br>
     <br>
     A Generic Paper is designed as per the fellow requirements. You can choose the chapters
     and the number of questions of each type. Great for specific question type and differentiated practice.
     </div></div>
-    <div class="four wide column" id="customized"><div class="button"><a href="" onclick="set_paper_type('customized'); return false;" class="button">Customized Paper</a>
+    <div class="four wide column" id="customized"><div class="button"><button onclick="set_paper_type('customized')">Customized Paper</button>
     <br>
     <br>
       A customized paper is generated based on the performance of each student. The fellow uploads the tracker of the class,