UX: temp fix for multiple dates on mobile

UX: temp fix for multiple dates on mobile

diff --git a/assets/javascripts/initializers/discourse-post-event-decorator.js.es6 b/assets/javascripts/initializers/discourse-post-event-decorator.js.es6
index fe20f40..b92484c 100644
--- a/assets/javascripts/initializers/discourse-post-event-decorator.js.es6
+++ b/assets/javascripts/initializers/discourse-post-event-decorator.js.es6
@@ -118,7 +118,7 @@ function _attachWidget(api, cooked, eventModel) {
       );
     }
 
-    cookAsync(dates.join(" → ")).then(result => {
+    cookAsync(dates.join("<span> → </span>")).then(result => {
       eventContainer.classList.remove("is-loading");
       eventContainer.classList.add("is-loaded");
 
diff --git a/assets/stylesheets/mobile/discourse-post-event.scss b/assets/stylesheets/mobile/discourse-post-event.scss
index aa5222a..b22c587 100644
--- a/assets/stylesheets/mobile/discourse-post-event.scss
+++ b/assets/stylesheets/mobile/discourse-post-event.scss
@@ -1,2 +1,5 @@
 .discourse-post-event {
+  .event-dates .date {
+    max-width: 75vw;
+  }
 }

GitHub sha: 99d0bb84