button replaced the "New assignment" link

widget_vincentdjango/assignments/static/makeItBeautiful.css

@@ -29,8 +29,48 @@ h1.pageTitle{
 
 div.content{
     background-color: rgb(214, 255, 246);
-    margin-left: 10%;
-    margin-right: 10%;
+    margin-left: 30%;
+    margin-right: 30%;
     padding-top: 10px;
-    text-align: center;
+    padding-left: 5%;
+    padding-right: 5%;
+    padding-bottom: 15px;
+
+    border-radius: 2px;
+}
+
+li{
+    background-color: rgb(214, 255, 246);
+    font-size: 14pt;
+    transition: all 0.5s;
+}
+
+li:hover{
+    background-color: rgb(255, 209, 228);
+    font-size: 20pt;
+    transition: all 0.5s;
+}
+
+div.navButtons{
+    border-radius: 5px;
+    border-width: 20px;
+    border-style: ridge;
+    border-color: rgb(167, 16, 66) ;
+
+    text-align: left;
+
+    margin-right: 50%;
+    padding-left: 15px;
+}
+
+button.buttonLink{
+    background-color: aquamarine;
+}
+
+button.buttonLink:hover{
+    background-color: rgb(6, 201, 136);
+}
+
+button.buttonLink:active{
+    background-color: rgb(201, 226, 218);
 }
\ No newline at end of file

widget_vincentdjango/assignments/templates/templates/assignments.html

@@ -13,11 +13,9 @@
 {% endblock %}
 
 {% block otherButtons %}
-    <div class="content">
-        <a class="buttonLink" href="add/"> New Assignments </a> <br>
+    <button class="buttonLink" onclick="window.location.href='add/';"> <b>New Assignments</b> </button><br>
     <a class="miniLink" href="/dashboard"> Dashboard </a> <br>
     <a class="miniLink" href="/announcementBoard"> Announcements </a> <br>
     <a class="miniLink" href="/forum"> Forum </a> <br> 
     <a class="miniLink" href="/widget_calendar"> Calendar </a> <br>
-    </div>
 {% endblock %}
\ No newline at end of file