Fix Calendars event name bug

1 files changed, 11 insertions, 8 deletions

diff --git a/docs/css/spectre-exp.css b/docs/css/spectre-exp.css
index 8c29e5a..db27a7e 100644
--- a/docs/css/spectre-exp.css
+++ b/docs/css/spectre-exp.css
@@ -131,18 +131,16 @@
   padding: 0;
 }
 .calendar.calendar-lg .calendar-body .calendar-date {
-  -webkit-align-items: flex-end;
-  align-items: flex-end;
   border-bottom: .1rem solid #efefef;
   border-right: .1rem solid #efefef;
-  display: -ms-flexbox;
   display: flex;
+  display: -ms-flexbox;
   display: -webkit-flex;
-  -ms-flex-align: end;
   -webkit-flex-direction: column;
   -ms-flex-direction: column;
   flex-direction: column;
-  height: 10rem;
+  height: 11rem;
+  overflow-x: hidden;
 }
 .calendar.calendar-lg .calendar-body .calendar-date:nth-child(7n) {
   border-right: 0;
@@ -151,9 +149,12 @@
   border-bottom: 0;
 }
 .calendar.calendar-lg .calendar-body .date-item {
+  -webkit-align-self: flex-end;
+  align-self: flex-end;
   -webkit-flex: 0 0 2.4rem;
   -ms-flex: 0 0 2.4rem;
   flex: 0 0 2.4rem;
+  -ms-flex-item-align: end;
   height: 2.4rem;
   padding: .1rem;
   width: 2.4rem;
@@ -178,21 +179,23 @@
   width: auto;
 }
 .calendar.calendar-lg .calendar-events {
+  line-height: 1;
   overflow-y: auto;
+  padding: .5rem 0;
 }
 .calendar.calendar-lg .calendar-event {
   background: #eff1fa;
   border-radius: .2rem;
   color: #5764c6;
   display: inline-block;
-  display: block;
   font-size: 1.2rem;
   line-height: 1;
-  margin: .2rem auto;
-  overflow-y: hidden;
+  overflow: hidden;
   padding: .3rem .4rem;
   text-align: left;
+  text-overflow: ellipsis;
   vertical-align: baseline;
+  white-space: nowrap;
   width: 100%;
 }
 .carousel {