made category buttons instead of link text

Author: mike-nl

app/theme/static/css/csesoc.css

@@ -835,9 +835,6 @@ height: 4em;
     color: white;
 }
 
-.category-text:hover {
-    color: #D1D1D1;
-}
 /*.sticky {  
     position: absolute;  
     width: 100%;  

app/theme/templates/blog/blog_post_list.html

@@ -34,21 +34,31 @@ <h3>Categories</h3>
         {% endfor %}
         {% endif %}
         {% endwith %} -->
-        <div class="category News-link" >
-            <a href="/blog/category/news/" class="category-text">News</a>
-        </div>
-        <div class="category Social-link">
-            <a href="/blog/category/social/" class="category-text">Social</a>
-        </div>
-        <div class="category Careers-link">
-            <a href="/blog/category/careers/" class="category-text">Careers</a>
-        </div>
-        <div class="category Tech-link">
-            <a href="/blog/category/tech/" class="category-text">Tech</a>
-        </div>
-        <div class="category Beta-link">
-            <a href="/blog/category/beta/" class="category-text">Beta</a>
-        </div>
+        <a href="/blog/category/news/"> 
+            <div class="category News-link" >
+                <span class="category-text">News</span>
+            </div>
+        </a>
+        <a href="/blog/category/social/">
+            <div class="category Social-link">
+                <span class="category-text">Social</span>
+            </div>
+        </a>
+        <a href="/blog/category/careers/">
+            <div class="category Careers-link">
+                <span class="category-text">Careers</span>
+            </div>
+        </a>
+        <a href="/blog/category/tech/">
+            <div class="category Tech-link">
+                <span class="category-text">Tech</span>
+            </div>
+        </span>
+        <a href="/blog/category/beta/">
+            <div class="category Beta-link">
+                <span class="category-text">Beta</span>
+            </div>
+        </span>
     </div>
 </div>
 {% endblock %}