Merge pull request #2597 from Vizzuality/fix/mobile-timelines

Timeline: mobile style amendments

Author: geriux

app/assets/stylesheets/modules/map/_timeline-month.scss

@@ -89,9 +89,18 @@
         justify-content: center;
         align-items: center;
         position: relative;
-        > span{
+
+        > span {
           margin: 0 5px 0 0;
           font-size: 12px;
+          max-width: 100px;
+          overflow: hidden;
+          display: inline-block;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          @media (min-width: $br-mobile-portrait){
+            max-width: none;
+          }
         }
         .select-box{
           display: flex;

app/assets/stylesheets/modules/map/_timeline-torque.scss

@@ -1,5 +1,10 @@
 .widget-timeline .timeline-year.timeline-torque {
   padding-left: 10px;
+  display: flex;
+  justify-content: center;
+  @media (min-width: $br-mobileMap) {
+    display: block;
+  }
 
   .timeline-date-pickers {
     display: inline-flex;