@syncfusion/ej2-schedule 23.2.7 → 24.1.41

package/styles/highcontrast-light.css

@@ -1193,7 +1193,7 @@
   text-decoration: none;
 }
 .e-schedule.e-device .e-vertical-view .e-left-indent {
-  width: 35px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
 .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1201,7 +1201,7 @@
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
   float: left;
-  width: 35px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
   font-size: 11px;
@@ -1239,7 +1239,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-schedule .e-vertical-view .e-left-indent {
-    width: 35px;
+    width: 60px;
   }
 }
 .e-schedule .e-month-view .e-left-indent,
@@ -3389,8 +3389,8 @@
   background: transparent;
   border: 0;
   color: #000;
-  height: 40px;
-  width: 40px;
+  height: 35px;
+  width: 35px;
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3402,10 +3402,10 @@
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
   font-size: 15px;
   font-weight: 500;
-  height: 40px;
+  height: 35px;
   line-height: 2.25;
-  padding: 4px 5px;
-  width: calc(100% - 95px);
+  padding: 1px 5px;
+  width: calc(100% - 105px);
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3439,9 +3439,13 @@
 .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
   padding-right: 13px;
 }
-.e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
+  height: 2em;
+  width: 2em;
+}
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
   height: 2em;
   width: 2em;
 }
@@ -3455,8 +3459,13 @@
 .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
   font-size: 14px;
 }
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
+  height: 35px;
+}
 .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
-  padding: 0 5px 0 8px;
+  padding: 0 5px;
 }
 
 .e-bigger .e-agenda-view .e-appointment {
@@ -4238,6 +4247,7 @@
 .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
 .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
   padding-right: 0;
+  margin-top: 28px;
 }
 .e-recurrenceeditor.e-rtl .e-end-on > div,
 .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4312,13 +4322,6 @@
   padding: 16px 20px 0;
   width: 50%;
 }
-.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
-  float: none;
-  font-size: 12px;
-  font-weight: 400;
-  margin-bottom: 7px;
-  padding-right: 16px;
-}
 .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 16px;
 }
@@ -4328,7 +4331,7 @@
 .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
   font-weight: 400;
-  margin-bottom: 7px;
+  margin-bottom: 10px;
   padding-right: 16px;
 }
 .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4370,7 +4373,8 @@
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
-  margin-bottom: 0;
+  margin-bottom: 10px;
+  font-weight: 400;
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 5px;
@@ -4536,7 +4540,7 @@
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
-    margin-bottom: 7px;
+    margin-bottom: 10px;
   }
   .e-recurrenceeditor .e-editor > div {
     margin-top: 20px;

package/styles/highcontrast.css

@@ -1202,7 +1202,7 @@
   text-decoration: none;
 }
 .e-schedule.e-device .e-vertical-view .e-left-indent {
-  width: 35px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
 .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1210,7 +1210,7 @@
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
   float: left;
-  width: 35px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
   font-size: 11px;
@@ -1248,7 +1248,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-schedule .e-vertical-view .e-left-indent {
-    width: 35px;
+    width: 60px;
   }
 }
 .e-schedule .e-month-view .e-left-indent,
@@ -3398,8 +3398,8 @@
   background: transparent;
   border: 0;
   color: #fff;
-  height: 40px;
-  width: 40px;
+  height: 35px;
+  width: 35px;
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3411,10 +3411,10 @@
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
   font-size: 15px;
   font-weight: 500;
-  height: 40px;
+  height: 35px;
   line-height: 2.25;
-  padding: 4px 5px;
-  width: calc(100% - 95px);
+  padding: 1px 5px;
+  width: calc(100% - 105px);
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3448,9 +3448,13 @@
 .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
   padding-right: 13px;
 }
-.e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
+  height: 2em;
+  width: 2em;
+}
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
   height: 2em;
   width: 2em;
 }
@@ -3464,8 +3468,13 @@
 .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
   font-size: 14px;
 }
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
+  height: 35px;
+}
 .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
-  padding: 0 5px 0 8px;
+  padding: 0 5px;
 }
 
 .e-bigger .e-agenda-view .e-appointment {
@@ -4247,6 +4256,7 @@
 .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
 .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
   padding-right: 0;
+  margin-top: 28px;
 }
 .e-recurrenceeditor.e-rtl .e-end-on > div,
 .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4321,13 +4331,6 @@
   padding: 16px 20px 0;
   width: 50%;
 }
-.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
-  float: none;
-  font-size: 12px;
-  font-weight: 400;
-  margin-bottom: 7px;
-  padding-right: 16px;
-}
 .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 16px;
 }
@@ -4337,7 +4340,7 @@
 .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
   font-weight: 400;
-  margin-bottom: 7px;
+  margin-bottom: 10px;
   padding-right: 16px;
 }
 .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4379,7 +4382,8 @@
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
-  margin-bottom: 0;
+  margin-bottom: 10px;
+  font-weight: 400;
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 5px;
@@ -4545,7 +4549,7 @@
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
-    margin-bottom: 7px;
+    margin-bottom: 10px;
   }
   .e-recurrenceeditor .e-editor > div {
     margin-top: 20px;

package/styles/material-dark.css

@@ -1137,7 +1137,7 @@
   text-decoration: none;
 }
 .e-schedule.e-device .e-vertical-view .e-left-indent {
-  width: 35px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
 .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1145,7 +1145,7 @@
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
   float: left;
-  width: 35px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
   font-size: 11px;
@@ -1183,7 +1183,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-schedule .e-vertical-view .e-left-indent {
-    width: 35px;
+    width: 60px;
   }
 }
 .e-schedule .e-month-view .e-left-indent,
@@ -3333,8 +3333,8 @@
   background: transparent;
   border: 0;
   color: #fff;
-  height: 40px;
-  width: 40px;
+  height: 35px;
+  width: 35px;
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3346,10 +3346,10 @@
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
   font-size: 15px;
   font-weight: 500;
-  height: 40px;
+  height: 35px;
   line-height: 2.25;
-  padding: 4px 5px;
-  width: calc(100% - 95px);
+  padding: 2px 5px;
+  width: calc(100% - 105px);
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3383,9 +3383,13 @@
 .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
   padding-right: 13px;
 }
-.e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
+  height: 2.8572em;
+  width: 2.8572em;
+}
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
   height: 2.8572em;
   width: 2.8572em;
 }
@@ -3399,8 +3403,13 @@
 .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
   font-size: 14px;
 }
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
+  height: 35px;
+}
 .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
-  padding: 5px 5px 0 8px;
+  padding: 3px 5px;
 }
 
 .e-bigger .e-agenda-view .e-appointment {
@@ -4182,6 +4191,7 @@
 .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
 .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
   padding-right: 0;
+  margin-top: 16px;
 }
 .e-recurrenceeditor.e-rtl .e-end-on > div,
 .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4221,7 +4231,7 @@
   width: 30px;
 }
 .e-recurrenceeditor .e-days .e-week-expander-label {
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 400;
   margin-bottom: 8px;
 }
@@ -4256,13 +4266,6 @@
   padding: 16px 20px 0;
   width: 50%;
 }
-.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
-  float: none;
-  font-size: 12px;
-  font-weight: 400;
-  margin-bottom: 1px;
-  padding-right: 16px;
-}
 .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 16px;
 }
@@ -4270,7 +4273,7 @@
   margin: 0;
 }
 .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 400;
   margin-bottom: 1px;
   padding-right: 16px;
@@ -4314,7 +4317,8 @@
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
-  margin-bottom: 0;
+  margin-bottom: 3px;
+  font-weight: 400;
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 16px;

package/styles/material.css

@@ -1173,7 +1173,7 @@
   text-decoration: none;
 }
 .e-schedule.e-device .e-vertical-view .e-left-indent {
-  width: 35px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
 .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1181,7 +1181,7 @@
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
   float: left;
-  width: 35px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
   font-size: 11px;
@@ -1219,7 +1219,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-schedule .e-vertical-view .e-left-indent {
-    width: 35px;
+    width: 60px;
   }
 }
 .e-schedule .e-month-view .e-left-indent,
@@ -3369,8 +3369,8 @@
   background: transparent;
   border: 0;
   color: rgba(0, 0, 0, 0.87);
-  height: 40px;
-  width: 40px;
+  height: 35px;
+  width: 35px;
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3382,10 +3382,10 @@
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
   font-size: 15px;
   font-weight: 500;
-  height: 40px;
+  height: 35px;
   line-height: 2.25;
-  padding: 4px 5px;
-  width: calc(100% - 95px);
+  padding: 2px 5px;
+  width: calc(100% - 105px);
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
@@ -3419,9 +3419,13 @@
 .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
   padding-right: 13px;
 }
-.e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
+  height: 2.8572em;
+  width: 2.8572em;
+}
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
   height: 2.8572em;
   width: 2.8572em;
 }
@@ -3435,8 +3439,13 @@
 .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
   font-size: 14px;
 }
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
+  height: 35px;
+}
 .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
-  padding: 5px 5px 0 8px;
+  padding: 3px 5px;
 }
 
 .e-bigger .e-agenda-view .e-appointment {
@@ -4218,6 +4227,7 @@
 .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
 .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
   padding-right: 0;
+  margin-top: 16px;
 }
 .e-recurrenceeditor.e-rtl .e-end-on > div,
 .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4257,7 +4267,7 @@
   width: 30px;
 }
 .e-recurrenceeditor .e-days .e-week-expander-label {
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 400;
   margin-bottom: 8px;
 }
@@ -4292,13 +4302,6 @@
   padding: 16px 20px 0;
   width: 50%;
 }
-.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
-  float: none;
-  font-size: 12px;
-  font-weight: 400;
-  margin-bottom: 1px;
-  padding-right: 16px;
-}
 .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 16px;
 }
@@ -4306,7 +4309,7 @@
   margin: 0;
 }
 .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-  font-size: 12px;
+  font-size: 13px;
   font-weight: 400;
   margin-bottom: 1px;
   padding-right: 16px;
@@ -4350,7 +4353,8 @@
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
-  margin-bottom: 0;
+  margin-bottom: 3px;
+  font-weight: 400;
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 16px;

package/styles/material3-dark.css

@@ -1240,7 +1240,7 @@
   text-decoration: none;
 }
 .e-schedule.e-device .e-vertical-view .e-left-indent {
-  width: 44px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-clone-time-indicator,
 .e-schedule.e-device .e-vertical-view .e-current-time {
@@ -1248,7 +1248,7 @@
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap {
   float: left;
-  width: 44px;
+  width: 60px;
 }
 .e-schedule.e-device .e-vertical-view .e-time-cells-wrap table td {
   font-size: 14px;
@@ -1286,7 +1286,7 @@
 }
 @media screen and (max-width: 480px) {
   .e-schedule .e-vertical-view .e-left-indent {
-    width: 44px;
+    width: 60px;
   }
 }
 .e-schedule .e-month-view .e-left-indent,
@@ -3436,8 +3436,8 @@
   background: transparent;
   border: 0;
   color: rgba(var(--color-sf-on-surface-variant));
-  height: 40px;
-  width: 40px;
+  height: 35px;
+  width: 35px;
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:focus, .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close:hover,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit:focus,
@@ -3449,15 +3449,15 @@
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
   font-size: 15px;
   font-weight: 500;
-  height: 40px;
+  height: 35px;
   line-height: 2.25;
-  padding: 4px 5px;
-  width: calc(100% - 95px);
+  padding: 2px 5px;
+  width: calc(100% - 105px);
 }
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close-icon,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit-icon,
 .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete-icon {
-  font-size: 14px;
+  font-size: 16px;
 }
 .e-quick-popup-wrapper.e-device.e-rtl .e-event-popup .e-popup-header .e-close {
   margin-left: auto;
@@ -3486,9 +3486,13 @@
 .e-bigger .e-quick-popup-wrapper.e-rtl .e-event-popup .e-date-time-icon {
   padding-right: 13px;
 }
-.e-bigger .e-quick-popup-wrapper .e-edit.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-delete.e-btn.e-small.e-round,
-.e-bigger .e-quick-popup-wrapper .e-close.e-btn.e-small.e-round {
+.e-bigger .e-quick-popup-wrapper .e-cell-popup .e-close.e-btn.e-small.e-round {
+  height: 30px;
+  width: 30px;
+}
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper .e-event-popup .e-close.e-btn.e-small.e-round {
   height: 30px;
   width: 30px;
 }
@@ -3502,8 +3506,13 @@
 .e-bigger .e-quick-popup-wrapper.e-device .e-event-popup .e-popup-header .e-header-icon-wrapper .e-delete-icon {
   font-size: 14px;
 }
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-edit.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-delete.e-btn.e-small.e-round,
+.e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-close.e-btn.e-small.e-round {
+  height: 35px;
+}
 .e-bigger .e-quick-popup-wrapper.e-device .e-multiple-event-popup .e-popup-header .e-subject {
-  padding: 5px 5px 0 8px;
+  padding: 2px 5px;
 }
 
 .e-bigger .e-agenda-view .e-appointment {
@@ -4285,6 +4294,7 @@
 .e-recurrenceeditor .e-input-wrapper.e-end-on-date,
 .e-recurrenceeditor .e-input-wrapper.e-end-on-count {
   padding-right: 0;
+  margin-top: 16px;
 }
 .e-recurrenceeditor.e-rtl .e-end-on > div,
 .e-recurrenceeditor.e-rtl .e-month-expander > div > div {
@@ -4324,7 +4334,7 @@
   width: 30px;
 }
 .e-recurrenceeditor .e-days .e-week-expander-label {
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 400;
   margin-bottom: 8px;
 }
@@ -4359,13 +4369,6 @@
   padding: 16px 20px 0;
   width: 50%;
 }
-.e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-label {
-  float: none;
-  font-size: 10px;
-  font-weight: 400;
-  margin-bottom: 8px;
-  padding-right: 16px;
-}
 .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 16px;
 }
@@ -4373,9 +4376,9 @@
   margin: 0;
 }
 .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
-  font-size: 10px;
+  font-size: 12px;
   font-weight: 400;
-  margin-bottom: 8px;
+  margin-bottom: -2px;
   padding-right: 16px;
 }
 .e-recurrenceeditor .e-input-wrapper-side .e-days .e-form-left {
@@ -4417,7 +4420,8 @@
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-non-week > .e-month-expander-label {
   font-size: 12px;
-  margin-bottom: 0;
+  margin-bottom: -1px;
+  font-weight: 400;
 }
 .e-bigger .e-recurrenceeditor .e-input-wrapper-side.e-end-on .e-end-on-left {
   padding-right: 16px;
@@ -4583,7 +4587,7 @@
   }
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-non-week > .e-month-expander-label,
   .e-recurrenceeditor .e-editor .e-input-wrapper-side.e-end-on .e-end-on-label {
-    margin-bottom: 8px;
+    margin-bottom: -2px;
   }
   .e-recurrenceeditor .e-editor > div {
     margin-top: 20px;