Trying to updated the full calendar arrows

I am trying to update the arrows for the full calendar view so they appear on Edge.

diff --git a/css/front.css b/css/front.css
old mode 100644 (file)
new mode 100755 (executable)
index 13e31c1..b97f83c
--- a/css/front.css
+++ b/css/front.css
@@ -366,6 +366,20 @@ a.fc-time-grid-event.fc-v-event {
 }
 #eventCalendar .fc-view-container tbody .fc-today{
 
+}
+#eventCalendar .fc-button .fc-icon.fc-icon-right-single-arrow{
+    content: "›";
+    font-weight: 700;
+    font-size: 200%;
+    top: -7%;
+    left: 3%;
+}
+#eventCalendar .fc-button .fc-icon.fc-icon-left-single-arrow {
+    content: "‹";
+    font-weight: 700;
+    font-size: 200%;
+    top: -7%;
+    left: 3%;
 }
 @media (max-width: 640px) and (min-width: 320px){
     .view-select{