UX: adjust timezone selector width on mobile

discourse · Apr 12, 2020 · 24c2673 · 24c2673
1 parent a8a1195
commit 24c2673
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/assets/stylesheets/mobile/discourse-calendar.scss b/assets/stylesheets/mobile/discourse-calendar.scss
@@ -7,10 +7,15 @@
 
     h2.discourse-calendar-title {
       font-size: $font-0;
+      flex-wrap: nowrap;
+      max-width: 75%;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
     }
 
     .discourse-calendar-timezone-picker {
-      width: 120px;
+      max-width: 40vw;
     }
   }