MDL-71817 calendar: make calendar block look like full calendar

This commit does few things:

1) Removes .path-calendar specificity styles from full view can
work on the Dashboard.

2) The new event button colour has been changed to btn-primary.

3) CSS fix to make the calendar controls inline on small block.

calendar/templates/add_event_button.mustache

@@ -34,7 +34,7 @@
 }}
 {{#defaulteventcontext}}
 <button{{!
-    }} class="btn btn-secondary float-sm-right float-right"{{!
+    }} class="btn btn-primary float-sm-right float-right"{{!
     }} data-context-id="{{defaulteventcontext}}"{{!
     }} data-action="new-event-button"{{!
     }}>

theme/boost/scss/moodle/calendar.scss

@@ -73,236 +73,224 @@ $calendarEventColor: #0d5ca1 !default;
 }
 
 // Calendar restyling.
-.path-calendar {
-    .calendartable {
-        width: 100%;
-        table-layout: fixed;
+.calendartable {
+    width: 100%;
+    table-layout: fixed;
 
-        th,
-        td {
-            width: 14%;
-            vertical-align: top;
-            text-align: center;
-            border: 0;
-        }
-    }
-
-    .calendar-controls {
-        .previous,
-        .next,
-        .current {
-            display: block;
-            float: left;
-            width: 12%;
-        }
-
-        .previous {
-            text-align: left;
-            border: 1px solid transparent;
-        }
-
-        .current {
-            text-align: center;
-            width: 76%;
-        }
-
-        .next {
-            text-align: right;
-            border: 1px solid transparent;
-        }
-
-        .drop-target {
-            box-sizing: border-box;
-            border: 1px dashed $primary;
-        }
-    }
-
-    .filters {
-        table {
-            border-collapse: separate;
-            border-spacing: 2px;
-            width: 100%;
-        }
-    }
-
-    .maincalendar {
+    th,
+    td {
+        width: 14%;
         vertical-align: top;
-        padding: 0;
+        text-align: center;
+        border: 0;
+    }
+}
 
-        .bottom {
+.calendar-controls {
+    .previous,
+    .next,
+    .current {
+        display: block;
+        float: left;
+        width: 12%;
+    }
+
+    .previous {
+        text-align: left;
+        border: 1px solid transparent;
+        width: 25%;
+    }
+
+    .current {
+        text-align: center;
+        width: 50%;
+    }
+
+    .next {
+        text-align: right;
+        border: 1px solid transparent;
+        width: 25%;
+    }
+
+    .drop-target {
+        box-sizing: border-box;
+        border: 1px dashed $primary;
+    }
+}
+
+.filters {
+    table {
+        border-collapse: separate;
+        border-spacing: 2px;
+        width: 100%;
+    }
+}
+
+.maincalendar {
+    vertical-align: top;
+    padding: 0;
+
+    .bottom {
+        text-align: left;
+        padding: 20px 0 0 20px;
+
+        @include footer-links;
+    }
+
+    .heightcontainer {
+        height: 100%;
+        position: relative;
+    }
+
+    .calendarmonth {
+        width: 98%;
+        margin: 10px auto;
+
+        ul {
+            margin: 0;
+            padding: 0;
+
+            li {
+                list-style-type: none;
+
+                > a {
+                    @include text-truncate;
+                    max-width: 100%;
+                    display: inline-block;
+
+                    &:hover {
+                        text-decoration: $link-decoration;
+
+                        .eventname {
+                            text-decoration: $link-hover-decoration;
+                        }
+                    }
+                }
+
+                .icon {
+                    margin-left: 0.25em;
+                    margin-right: 0.25em;
+                    vertical-align: initial;
+                }
+
+                .calendar-circle {
+                    width: 12px;
+                    height: 12px;
+                    border-radius: 6px;
+                    vertical-align: middle;
+                    display: inline-block;
+
+                    &.calendar_event_category {
+                        background-color: $calendarEventCategoryColor;
+                        border: $calendarEventCategoryBorder;
+                    }
+                    &.calendar_event_course {
+                        background-color: $calendarEventCourseColor;
+                        border: $calendarEventCourseBorder;
+                    }
+
+                    &.calendar_event_site {
+                        background-color: $calendarEventGlobalColor;
+                        border: $calendarEventGlobalBorder;
+                    }
+
+                    &.calendar_event_group {
+                        background-color: $calendarEventGroupColor;
+                        border: $calendarEventGroupBorder;
+                    }
+
+                    &.calendar_event_user {
+                        background-color: $calendarEventUserColor;
+                        border: $calendarEventUserBorder;
+                    }
+
+                    &.calendar_event_other {
+                        background-color: $calendarEventOtherColor;
+                        border: $calendarEventOtherBorder;
+                    }
+                }
+            }
+        }
+
+        td {
+            height: 5em;
+        }
+
+        .clickable:hover {
+            box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
+        }
+    }
+
+    .controls {
+        width: 98%;
+        margin: 10px auto;
+    }
+
+    .calendar_event_category,
+    .calendar_event_course,
+    .calendar_event_site,
+    .calendar_event_group,
+    .calendar_event_user {
+        &:hover {
+            a {
+                color: $link-hover-color;
+                text-decoration: $link-hover-decoration;
+            }
+        }
+    }
+
+    .calendar_event_category {
+        border-color: $calendarEventCategoryColor;
+    }
+
+    .calendar_event_course {
+        border-color: $calendarEventCourseColor;
+    }
+
+    .calendar_event_site {
+        border-color: $calendarEventGlobalColor;
+    }
+
+    .calendar_event_group {
+        border-color: $calendarEventGroupColor;
+    }
+
+    .calendar_event_user {
+        border-color: $calendarEventUserColor;
+    }
+
+    .calendar_event_other {
+        border-color: $calendarEventOtherColor;
+    }
+
+    .calendartable {
+        td,
+        li {
+            padding: 0 4px 4px 4px;
+        }
+
+        li {
             text-align: left;
-            padding: 20px 0 0 20px;
+        }
+    }
 
-            @include footer-links;
+    .header {
+        overflow: hidden;
+
+        .buttons {
+            float: right;
+        }
+    }
+
+    .event {
+        .card-header img {
+            vertical-align: baseline;
         }
 
-        .heightcontainer {
-            height: 100%;
-            position: relative;
+        .location {
+            word-break: break-all;
+            overflow-wrap: break-word;
         }
-
-        .calendarmonth {
-            width: 98%;
-            margin: 10px auto;
-
-            ul {
-                margin: 0;
-                padding: 0;
-
-                li {
-                    list-style-type: none;
-
-                    > a {
-                        @include text-truncate;
-                        max-width: 100%;
-                        display: inline-block;
-
-                        &:hover {
-                            text-decoration: $link-decoration;
-
-                            .eventname {
-                                text-decoration: $link-hover-decoration;
-                            }
-                        }
-                    }
-
-                    .icon {
-                        margin-left: 0.25em;
-                        margin-right: 0.25em;
-                        vertical-align: initial;
-                    }
-
-                    .calendar-circle {
-                        width: 12px;
-                        height: 12px;
-                        border-radius: 6px;
-                        vertical-align: middle;
-                        display: inline-block;
-
-                        &.calendar_event_category {
-                            background-color: $calendarEventCategoryColor;
-                            border: $calendarEventCategoryBorder;
-                        }
-                        &.calendar_event_course {
-                            background-color: $calendarEventCourseColor;
-                            border: $calendarEventCourseBorder;
-                        }
-
-                        &.calendar_event_site {
-                            background-color: $calendarEventGlobalColor;
-                            border: $calendarEventGlobalBorder;
-                        }
-
-                        &.calendar_event_group {
-                            background-color: $calendarEventGroupColor;
-                            border: $calendarEventGroupBorder;
-                        }
-
-                        &.calendar_event_user {
-                            background-color: $calendarEventUserColor;
-                            border: $calendarEventUserBorder;
-                        }
-
-                        &.calendar_event_other {
-                            background-color: $calendarEventOtherColor;
-                            border: $calendarEventOtherBorder;
-                        }
-                    }
-                }
-            }
-
-            td {
-                height: 5em;
-            }
-
-            .clickable:hover {
-                box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12);
-            }
-        }
-
-        .calendar-controls {
-            .previous,
-            .next {
-                width: 30%;
-            }
-
-            .current {
-                width: 39.95%;
-            }
-        }
-
-        .controls {
-            width: 98%;
-            margin: 10px auto;
-        }
-
-        .calendar_event_category,
-        .calendar_event_course,
-        .calendar_event_site,
-        .calendar_event_group,
-        .calendar_event_user {
-            &:hover {
-                a {
-                    color: $link-hover-color;
-                    text-decoration: $link-hover-decoration;
-                }
-            }
-        }
-
-        .calendar_event_category {
-            border-color: $calendarEventCategoryColor;
-        }
-
-        .calendar_event_course {
-            border-color: $calendarEventCourseColor;
-        }
-
-        .calendar_event_site {
-            border-color: $calendarEventGlobalColor;
-        }
-
-        .calendar_event_group {
-            border-color: $calendarEventGroupColor;
-        }
-
-        .calendar_event_user {
-            border-color: $calendarEventUserColor;
-        }
-
-        .calendar_event_other {
-            border-color: $calendarEventOtherColor;
-        }
-
-        .calendartable {
-            td,
-            li {
-                padding: 0 4px 4px 4px;
-            }
-
-            li {
-                text-align: left;
-            }
-        }
-
-        .header {
-            overflow: hidden;
-
-            .buttons {
-                float: right;
-            }
-        }
-
-        .event {
-            .card-header img {
-                vertical-align: baseline;
-            }
-
-            .location {
-                word-break: break-all;
-                overflow-wrap: break-word;
-            }
-        }
-
     }
 
     table#subscription_details_table {
@@ -326,7 +314,8 @@ $calendarEventColor: #0d5ca1 !default;
 // Block minicalendar.
 .block {
     .bottom {
-        // This adds a border on the top side of the footer container so we won't have to add a <hr> element in the footer_options template.
+        // This adds a border on the top side of the footer container.
+        // So we won't have to add a <hr> element in the footer_options template.
         border-top: $border-width solid $card-border-color;
         margin-top: map-get($spacers, 3);
         padding-top: map-get($spacers, 2);
@@ -421,30 +410,6 @@ $calendarEventColor: #0d5ca1 !default;
         }
     }
 
-    .calendar-controls {
-        .previous,
-        .current,
-        .next {
-            display: block;
-            float: left;
-        }
-
-        .previous {
-            text-align: left;
-            width: 12%;
-        }
-
-        .current {
-            text-align: center;
-            width: 76%;
-        }
-
-        .next {
-            text-align: right;
-            width: 12%;
-        }
-    }
-
     .calendar_filters {
         ul {
             list-style: none;

theme/boost/style/moodle.css

@@ -12876,154 +12876,150 @@ input[disabled] {
   .calendar_event_other .commands a {
     color: #0d5ca1; }
 
-.path-calendar .calendartable {
+.calendartable {
   width: 100%;
   table-layout: fixed; }
-  .path-calendar .calendartable th,
-  .path-calendar .calendartable td {
+  .calendartable th,
+  .calendartable td {
     width: 14%;
     vertical-align: top;
     text-align: center;
     border: 0; }
 
-.path-calendar .calendar-controls .previous,
-.path-calendar .calendar-controls .next,
-.path-calendar .calendar-controls .current {
+.calendar-controls .previous,
+.calendar-controls .next,
+.calendar-controls .current {
   display: block;
   float: left;
   width: 12%; }
 
-.path-calendar .calendar-controls .previous {
+.calendar-controls .previous {
   text-align: left;
-  border: 1px solid transparent; }
+  border: 1px solid transparent;
+  width: 25%; }
 
-.path-calendar .calendar-controls .current {
+.calendar-controls .current {
   text-align: center;
-  width: 76%; }
+  width: 50%; }
 
-.path-calendar .calendar-controls .next {
+.calendar-controls .next {
   text-align: right;
-  border: 1px solid transparent; }
+  border: 1px solid transparent;
+  width: 25%; }
 
-.path-calendar .calendar-controls .drop-target {
+.calendar-controls .drop-target {
   box-sizing: border-box;
   border: 1px dashed #0f6fc5; }
 
-.path-calendar .filters table {
+.filters table {
   border-collapse: separate;
   border-spacing: 2px;
   width: 100%; }
 
-.path-calendar .maincalendar {
+.maincalendar {
   vertical-align: top;
   padding: 0; }
-  .path-calendar .maincalendar .bottom {
+  .maincalendar .bottom {
     text-align: left;
     padding: 20px 0 0 20px; }
-    .path-calendar .maincalendar .bottom span.footer-link:after {
+    .maincalendar .bottom span.footer-link:after {
       content: "\2022";
       color: #0f6fc5; }
-    .path-calendar .maincalendar .bottom span.footer-link:last-child:after {
+    .maincalendar .bottom span.footer-link:last-child:after {
       content: none; }
-  .path-calendar .maincalendar .heightcontainer {
+  .maincalendar .heightcontainer {
     height: 100%;
     position: relative; }
-  .path-calendar .maincalendar .calendarmonth {
+  .maincalendar .calendarmonth {
     width: 98%;
     margin: 10px auto; }
-    .path-calendar .maincalendar .calendarmonth ul {
+    .maincalendar .calendarmonth ul {
       margin: 0;
       padding: 0; }
-      .path-calendar .maincalendar .calendarmonth ul li {
+      .maincalendar .calendarmonth ul li {
         list-style-type: none; }
-        .path-calendar .maincalendar .calendarmonth ul li > a {
+        .maincalendar .calendarmonth ul li > a {
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
           max-width: 100%;
           display: inline-block; }
-          .path-calendar .maincalendar .calendarmonth ul li > a:hover {
+          .maincalendar .calendarmonth ul li > a:hover {
             text-decoration: none; }
-            .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
+            .maincalendar .calendarmonth ul li > a:hover .eventname {
               text-decoration: underline; }
-        .path-calendar .maincalendar .calendarmonth ul li .icon {
+        .maincalendar .calendarmonth ul li .icon {
           margin-left: 0.25em;
           margin-right: 0.25em;
           vertical-align: initial; }
-        .path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
+        .maincalendar .calendarmonth ul li .calendar-circle {
           width: 12px;
           height: 12px;
           border-radius: 6px;
           vertical-align: middle;
           display: inline-block; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
             background-color: #e0cbe0;
             border: 2px solid #9e619f; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
             background-color: #ffd3bd;
             border: 2px solid #d34600; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
             background-color: #d6f8cd;
             border: 2px solid #2b8713; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
             background-color: #fee7ae;
             border: 2px solid #9a6e02; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
             background-color: #dce7ec;
             border: 2px solid #4e7c91; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
             background-color: #ced4da;
             border: 2px solid #687889; }
-    .path-calendar .maincalendar .calendarmonth td {
+    .maincalendar .calendarmonth td {
       height: 5em; }
-    .path-calendar .maincalendar .calendarmonth .clickable:hover {
+    .maincalendar .calendarmonth .clickable:hover {
       box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
-  .path-calendar .maincalendar .calendar-controls .previous,
-  .path-calendar .maincalendar .calendar-controls .next {
-    width: 30%; }
-  .path-calendar .maincalendar .calendar-controls .current {
-    width: 39.95%; }
-  .path-calendar .maincalendar .controls {
+  .maincalendar .controls {
     width: 98%;
     margin: 10px auto; }
-  .path-calendar .maincalendar .calendar_event_category:hover a,
-  .path-calendar .maincalendar .calendar_event_course:hover a,
-  .path-calendar .maincalendar .calendar_event_site:hover a,
-  .path-calendar .maincalendar .calendar_event_group:hover a,
-  .path-calendar .maincalendar .calendar_event_user:hover a {
+  .maincalendar .calendar_event_category:hover a,
+  .maincalendar .calendar_event_course:hover a,
+  .maincalendar .calendar_event_site:hover a,
+  .maincalendar .calendar_event_group:hover a,
+  .maincalendar .calendar_event_user:hover a {
     color: #0a477e;
     text-decoration: underline; }
-  .path-calendar .maincalendar .calendar_event_category {
+  .maincalendar .calendar_event_category {
     border-color: #e0cbe0; }
-  .path-calendar .maincalendar .calendar_event_course {
+  .maincalendar .calendar_event_course {
     border-color: #ffd3bd; }
-  .path-calendar .maincalendar .calendar_event_site {
+  .maincalendar .calendar_event_site {
     border-color: #d6f8cd; }
-  .path-calendar .maincalendar .calendar_event_group {
+  .maincalendar .calendar_event_group {
     border-color: #fee7ae; }
-  .path-calendar .maincalendar .calendar_event_user {
+  .maincalendar .calendar_event_user {
     border-color: #dce7ec; }
-  .path-calendar .maincalendar .calendar_event_other {
+  .maincalendar .calendar_event_other {
     border-color: #ced4da; }
-  .path-calendar .maincalendar .calendartable td,
-  .path-calendar .maincalendar .calendartable li {
+  .maincalendar .calendartable td,
+  .maincalendar .calendartable li {
     padding: 0 4px 4px 4px; }
-  .path-calendar .maincalendar .calendartable li {
+  .maincalendar .calendartable li {
     text-align: left; }
-  .path-calendar .maincalendar .header {
+  .maincalendar .header {
     overflow: hidden; }
-    .path-calendar .maincalendar .header .buttons {
+    .maincalendar .header .buttons {
       float: right; }
-  .path-calendar .maincalendar .event .card-header img {
+  .maincalendar .event .card-header img {
     vertical-align: baseline; }
-  .path-calendar .maincalendar .event .location {
+  .maincalendar .event .location {
     word-break: break-all;
     overflow-wrap: break-word; }
-
-.path-calendar table#subscription_details_table td {
-  vertical-align: middle; }
-  .path-calendar table#subscription_details_table td > .btn-group button {
-    padding-left: 0; }
+  .maincalendar table#subscription_details_table td {
+    vertical-align: middle; }
+    .maincalendar table#subscription_details_table td > .btn-group button {
+      padding-left: 0; }
 
 #page-calendar-export .indent {
   padding-left: 20px; }
@@ -13090,24 +13086,6 @@ input[disabled] {
     line-height: inherit;
     text-align: center; }
 
-.block .calendar-controls .previous,
-.block .calendar-controls .current,
-.block .calendar-controls .next {
-  display: block;
-  float: left; }
-
-.block .calendar-controls .previous {
-  text-align: left;
-  width: 12%; }
-
-.block .calendar-controls .current {
-  text-align: center;
-  width: 76%; }
-
-.block .calendar-controls .next {
-  text-align: right;
-  width: 12%; }
-
 .block .calendar_filters ul {
   list-style: none;
   margin: 0;

theme/classic/style/moodle.css

@@ -13098,154 +13098,150 @@ input[disabled] {
   .calendar_event_other .commands a {
     color: #0d5ca1; }
 
-.path-calendar .calendartable {
+.calendartable {
   width: 100%;
   table-layout: fixed; }
-  .path-calendar .calendartable th,
-  .path-calendar .calendartable td {
+  .calendartable th,
+  .calendartable td {
     width: 14%;
     vertical-align: top;
     text-align: center;
     border: 0; }
 
-.path-calendar .calendar-controls .previous,
-.path-calendar .calendar-controls .next,
-.path-calendar .calendar-controls .current {
+.calendar-controls .previous,
+.calendar-controls .next,
+.calendar-controls .current {
   display: block;
   float: left;
   width: 12%; }
 
-.path-calendar .calendar-controls .previous {
+.calendar-controls .previous {
   text-align: left;
-  border: 1px solid transparent; }
+  border: 1px solid transparent;
+  width: 25%; }
 
-.path-calendar .calendar-controls .current {
+.calendar-controls .current {
   text-align: center;
-  width: 76%; }
+  width: 50%; }
 
-.path-calendar .calendar-controls .next {
+.calendar-controls .next {
   text-align: right;
-  border: 1px solid transparent; }
+  border: 1px solid transparent;
+  width: 25%; }
 
-.path-calendar .calendar-controls .drop-target {
+.calendar-controls .drop-target {
   box-sizing: border-box;
   border: 1px dashed #0f6fc5; }
 
-.path-calendar .filters table {
+.filters table {
   border-collapse: separate;
   border-spacing: 2px;
   width: 100%; }
 
-.path-calendar .maincalendar {
+.maincalendar {
   vertical-align: top;
   padding: 0; }
-  .path-calendar .maincalendar .bottom {
+  .maincalendar .bottom {
     text-align: left;
     padding: 20px 0 0 20px; }
-    .path-calendar .maincalendar .bottom span.footer-link:after {
+    .maincalendar .bottom span.footer-link:after {
       content: "\2022";
       color: #0f6fc5; }
-    .path-calendar .maincalendar .bottom span.footer-link:last-child:after {
+    .maincalendar .bottom span.footer-link:last-child:after {
       content: none; }
-  .path-calendar .maincalendar .heightcontainer {
+  .maincalendar .heightcontainer {
     height: 100%;
     position: relative; }
-  .path-calendar .maincalendar .calendarmonth {
+  .maincalendar .calendarmonth {
     width: 98%;
     margin: 10px auto; }
-    .path-calendar .maincalendar .calendarmonth ul {
+    .maincalendar .calendarmonth ul {
       margin: 0;
       padding: 0; }
-      .path-calendar .maincalendar .calendarmonth ul li {
+      .maincalendar .calendarmonth ul li {
         list-style-type: none; }
-        .path-calendar .maincalendar .calendarmonth ul li > a {
+        .maincalendar .calendarmonth ul li > a {
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
           max-width: 100%;
           display: inline-block; }
-          .path-calendar .maincalendar .calendarmonth ul li > a:hover {
+          .maincalendar .calendarmonth ul li > a:hover {
             text-decoration: none; }
-            .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
+            .maincalendar .calendarmonth ul li > a:hover .eventname {
               text-decoration: underline; }
-        .path-calendar .maincalendar .calendarmonth ul li .icon {
+        .maincalendar .calendarmonth ul li .icon {
           margin-left: 0.25em;
           margin-right: 0.25em;
           vertical-align: initial; }
-        .path-calendar .maincalendar .calendarmonth ul li .calendar-circle {
+        .maincalendar .calendarmonth ul li .calendar-circle {
           width: 12px;
           height: 12px;
           border-radius: 6px;
           vertical-align: middle;
           display: inline-block; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_category {
             background-color: #e0cbe0;
             border: 2px solid #9e619f; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_course {
             background-color: #ffd3bd;
             border: 2px solid #d34600; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_site {
             background-color: #d6f8cd;
             border: 2px solid #2b8713; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_group {
             background-color: #fee7ae;
             border: 2px solid #9a6e02; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_user {
             background-color: #dce7ec;
             border: 2px solid #4e7c91; }
-          .path-calendar .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
+          .maincalendar .calendarmonth ul li .calendar-circle.calendar_event_other {
             background-color: #ced4da;
             border: 2px solid #687889; }
-    .path-calendar .maincalendar .calendarmonth td {
+    .maincalendar .calendarmonth td {
       height: 5em; }
-    .path-calendar .maincalendar .calendarmonth .clickable:hover {
+    .maincalendar .calendarmonth .clickable:hover {
       box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
-  .path-calendar .maincalendar .calendar-controls .previous,
-  .path-calendar .maincalendar .calendar-controls .next {
-    width: 30%; }
-  .path-calendar .maincalendar .calendar-controls .current {
-    width: 39.95%; }
-  .path-calendar .maincalendar .controls {
+  .maincalendar .controls {
     width: 98%;
     margin: 10px auto; }
-  .path-calendar .maincalendar .calendar_event_category:hover a,
-  .path-calendar .maincalendar .calendar_event_course:hover a,
-  .path-calendar .maincalendar .calendar_event_site:hover a,
-  .path-calendar .maincalendar .calendar_event_group:hover a,
-  .path-calendar .maincalendar .calendar_event_user:hover a {
+  .maincalendar .calendar_event_category:hover a,
+  .maincalendar .calendar_event_course:hover a,
+  .maincalendar .calendar_event_site:hover a,
+  .maincalendar .calendar_event_group:hover a,
+  .maincalendar .calendar_event_user:hover a {
     color: #0a477e;
     text-decoration: underline; }
-  .path-calendar .maincalendar .calendar_event_category {
+  .maincalendar .calendar_event_category {
     border-color: #e0cbe0; }
-  .path-calendar .maincalendar .calendar_event_course {
+  .maincalendar .calendar_event_course {
     border-color: #ffd3bd; }
-  .path-calendar .maincalendar .calendar_event_site {
+  .maincalendar .calendar_event_site {
     border-color: #d6f8cd; }
-  .path-calendar .maincalendar .calendar_event_group {
+  .maincalendar .calendar_event_group {
     border-color: #fee7ae; }
-  .path-calendar .maincalendar .calendar_event_user {
+  .maincalendar .calendar_event_user {
     border-color: #dce7ec; }
-  .path-calendar .maincalendar .calendar_event_other {
+  .maincalendar .calendar_event_other {
     border-color: #ced4da; }
-  .path-calendar .maincalendar .calendartable td,
-  .path-calendar .maincalendar .calendartable li {
+  .maincalendar .calendartable td,
+  .maincalendar .calendartable li {
     padding: 0 4px 4px 4px; }
-  .path-calendar .maincalendar .calendartable li {
+  .maincalendar .calendartable li {
     text-align: left; }
-  .path-calendar .maincalendar .header {
+  .maincalendar .header {
     overflow: hidden; }
-    .path-calendar .maincalendar .header .buttons {
+    .maincalendar .header .buttons {
       float: right; }
-  .path-calendar .maincalendar .event .card-header img {
+  .maincalendar .event .card-header img {
     vertical-align: baseline; }
-  .path-calendar .maincalendar .event .location {
+  .maincalendar .event .location {
     word-break: break-all;
     overflow-wrap: break-word; }
-
-.path-calendar table#subscription_details_table td {
-  vertical-align: middle; }
-  .path-calendar table#subscription_details_table td > .btn-group button {
-    padding-left: 0; }
+  .maincalendar table#subscription_details_table td {
+    vertical-align: middle; }
+    .maincalendar table#subscription_details_table td > .btn-group button {
+      padding-left: 0; }
 
 #page-calendar-export .indent {
   padding-left: 20px; }
@@ -13312,24 +13308,6 @@ input[disabled] {
     line-height: inherit;
     text-align: center; }
 
-.block .calendar-controls .previous,
-.block .calendar-controls .current,
-.block .calendar-controls .next {
-  display: block;
-  float: left; }
-
-.block .calendar-controls .previous {
-  text-align: left;
-  width: 12%; }
-
-.block .calendar-controls .current {
-  text-align: center;
-  width: 76%; }
-
-.block .calendar-controls .next {
-  text-align: right;
-  width: 12%; }
-
 .block .calendar_filters ul {
   list-style: none;
   margin: 0;