Reworked year buttons into arrows

faerun_calendar/static/faerun_calendar/css/main.css

@@ -5,40 +5,21 @@ div.calendarpage {
     border-radius: 20px;
 }
 
-a.previous_year,
-a.next_year {
-    margin-top: 0px;
-    margin-bottom: 20px;
-    max-width: 300px;
+div.current-year {
+    display: flex;
+    justify-content: space-between;
 }
 
-a.previous_year:hover,
-a.next_year:hover {
-    background: #00a0e0;
-    margin-top: 1px;
-    margin-bottom: 19px;
+div.calendarpage hr {
+    border: 0;
+    border-top: 1px solid #000000;
+    opacity: 1;
+    margin: 30px 0px 10px;
 }
 
-a.previous_year:active,
-a.next_year:active {
-    background: #0080c0;
-    margin-top: 3px;
-    margin-bottom: 17px;
-}
-
-a.previous_year {
-    float: left;
-}
-
-a.next_year {
-    float: right;
-}
-
-h2.year {
-    text-align: center;
-    padding-bottom: 10px;
-    border-bottom: 1px solid #000000;
-    margin-bottom: 20px;
+hr {
+  border: 10px solid green;
+  border-radius: 5px;
 }
 
 table.month, table.month th, table.month td {