Polish mobile media and sleep bars

assets/css/app.css

@@ -929,6 +929,8 @@ body.page-dashboard .content {
     color: rgba(255, 255, 255, 0.94);
     font-size: 0.82rem;
     white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .sleep-phase-bar__segment--deep {
@@ -2180,7 +2182,9 @@ body.page-dashboard .content {
 
     .dashboard-shell {
         padding-inline: 0;
-        padding-top: max(0.35rem, env(safe-area-inset-top));
+        margin-top: calc(-1 * env(safe-area-inset-top));
+        min-height: calc(100dvh + env(safe-area-inset-top));
+        padding-top: calc(env(safe-area-inset-top) + 0.35rem);
         padding-bottom: calc(0.9rem + env(safe-area-inset-bottom));
     }
 
@@ -2259,14 +2263,15 @@ body.page-dashboard .content {
 
     .timeline-media-button {
         min-height: 0;
-        height: auto;
+        height: 18rem;
         max-height: none;
-        margin: 0 0 0.7rem;
+        margin: -2.65rem 0 0.7rem;
     }
 
     .timeline-media-button .timeline-card__image {
-        height: auto;
-        max-height: 24rem;
+        height: 100%;
+        max-height: none;
+        object-fit: cover;
     }
 
     .timeline-card__time-chip {
@@ -2292,7 +2297,7 @@ body.page-dashboard .content {
 
     .timeline-card--with-image .timeline-card__time-chip,
     .timeline-card--with-image .timeline-card__delete {
-        top: 2.05rem;
+        top: 0.75rem;
     }
 
     .timeline-card--with-image .timeline-card__time-chip {
@@ -2305,7 +2310,7 @@ body.page-dashboard .content {
     }
 
     .timeline-card--with-image .timeline-card__delete {
-        right: 1.6rem;
+        right: 0.75rem;
     }
 
     .timeline-card__delete .ghost-button {

assets/js/app.js

@@ -1440,10 +1440,10 @@
                     return;
                 }
 
-                if (deltaX < 0 && swipeContainer.dataset.nextDate) {
-                    window.location.href = dashboardDayPath(swipeContainer.dataset.nextDate);
-                } else if (deltaX > 0 && swipeContainer.dataset.prevDate) {
+                if (deltaX < 0 && swipeContainer.dataset.prevDate) {
                     window.location.href = dashboardDayPath(swipeContainer.dataset.prevDate);
+                } else if (deltaX > 0 && swipeContainer.dataset.nextDate) {
+                    window.location.href = dashboardDayPath(swipeContainer.dataset.nextDate);
                 }
             };