From 06365262d191c30b97bc6ea771a4d719a47e0548 Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Sat, 11 Oct 2025 16:05:14 +0300
Subject: [PATCH 01/17] fix(calendar): improve poster visibility and responsive
 scaling

---
 src/routes/Calendar/Table/Cell/Cell.less | 36 +++++++++++++++---------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 9e6228490..7dd940ad5 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -27,12 +27,11 @@
     }
 
     .heading {
-        flex: none;
         position: relative;
-        height: 3rem;
+    height: 100%;
         display: flex;
-        align-items: center;
-        padding: 0 1rem;
+    align-items: start;
+    padding: 0;
 
         .day {
             flex: none;
@@ -50,7 +49,6 @@
     }
 
     .items {
-        flex: 0 1 10rem;
         position: relative;
         display: flex;
         flex-direction: row;
@@ -65,6 +63,9 @@
             height: 100%;
             aspect-ratio: 2 / 3;
             border-radius: var(--border-radius);
+      aspect-ratio: 2 / 3;
+      height: 100%;
+      max-height: clamp(8rem, 25vh, 14rem);
 
             .icon {
                 flex: none;
@@ -150,28 +151,33 @@
     }
 }
 
-@media only screen and (max-height: @xxsmall) and (orientation: landscape) {
+@media only screen and (max-height: @xsmall) and (max-width: @xsmall) {
     .cell {
-        flex-direction: row;
-        align-items: center;
+    gap: 0;
+
+    .heading {
+      .day {
+        font-size: 0.875rem;
+      }
+    }
 
         .items {
+      padding: 0.25rem;
             display: none;
-        }
 
-        .more {
-            display: flex;
+      .item {
+        pointer-events: none;
+        border-radius: calc(var(--border-radius) / 2);
+      }
         }
     }
 }
 
-@media only screen and (max-height: @xsmall) and (max-width: @xsmall) {
+@media only screen and (max-height: @small) and (max-width: @small) {
     .cell {
         gap: 0;
 
         .heading {
-            height: 2rem;
-
             .day {
                 font-size: 0.875rem;
             }
@@ -179,6 +185,8 @@
 
         .items {
             padding: 0.25rem;
+      width: 100%;
+      height: 100%;
 
             .item {
                 pointer-events: none;

From d8904bdb5a2f814bd2f08895947694579f973b90 Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Sat, 11 Oct 2025 16:17:10 +0300
Subject: [PATCH 02/17] style(calendar): normalize indentation to match project
 formatting

---
 src/routes/Calendar/Table/Cell/Cell.less | 36 ++++++++++++------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 7dd940ad5..975985e91 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -27,9 +27,9 @@
     }
 
     .heading {
-        position: relative;
+    position: relative;
     height: 100%;
-        display: flex;
+    display: flex;
     align-items: start;
     padding: 0;
 
@@ -63,9 +63,9 @@
             height: 100%;
             aspect-ratio: 2 / 3;
             border-radius: var(--border-radius);
-      aspect-ratio: 2 / 3;
-      height: 100%;
-      max-height: clamp(8rem, 25vh, 14rem);
+            aspect-ratio: 2 / 3;
+            height: 100%;
+            max-height: clamp(8rem, 25vh, 14rem);
 
             .icon {
                 flex: none;
@@ -153,22 +153,22 @@
 
 @media only screen and (max-height: @xsmall) and (max-width: @xsmall) {
     .cell {
-    gap: 0;
+        gap: 0;
 
-    .heading {
-      .day {
-        font-size: 0.875rem;
-      }
-    }
+        .heading {
+          .day {
+            font-size: 0.875rem;
+          }
+        }
 
         .items {
-      padding: 0.25rem;
+            padding: 0.25rem;
             display: none;
 
-      .item {
-        pointer-events: none;
-        border-radius: calc(var(--border-radius) / 2);
-      }
+        .item {
+          pointer-events: none;
+          border-radius: calc(var(--border-radius) / 2);
+        }
         }
     }
 }
@@ -185,8 +185,8 @@
 
         .items {
             padding: 0.25rem;
-      width: 100%;
-      height: 100%;
+            width: 100%;
+            height: 100%;
 
             .item {
                 pointer-events: none;

From c35c7c06e9c4db73a48416390ea52bec9d179aa3 Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Sat, 11 Oct 2025 16:22:27 +0300
Subject: [PATCH 03/17] style(calendar): normalize indentation and align with
 project style

---
 src/routes/Calendar/Table/Cell/Cell.less | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 975985e91..0998dcbbe 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -27,11 +27,11 @@
     }
 
     .heading {
-    position: relative;
-    height: 100%;
-    display: flex;
-    align-items: start;
-    padding: 0;
+        position: relative;
+        height: 100%;
+        display: flex;
+        align-items: start;
+        padding: 0;
 
         .day {
             flex: none;

From a3a7e14d1533d49c98a356c638c12236af896e8f Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Sat, 11 Oct 2025 16:26:56 +0300
Subject: [PATCH 04/17] chore(calendar): remove duplicated aspect-ratio rule
 from CSS

---
 src/routes/Calendar/Table/Cell/Cell.less | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 0998dcbbe..a34a04a24 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -63,7 +63,6 @@
             height: 100%;
             aspect-ratio: 2 / 3;
             border-radius: var(--border-radius);
-            aspect-ratio: 2 / 3;
             height: 100%;
             max-height: clamp(8rem, 25vh, 14rem);
 

From f2c73827292a0bd8226409ab69c6c874f4b0b51c Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Sat, 11 Oct 2025 22:55:26 +0300
Subject: [PATCH 05/17] fix(calendar): apply grid-auto-rows 1fr for equal row
 height

---
 src/routes/Calendar/Table/Table.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/routes/Calendar/Table/Table.less b/src/routes/Calendar/Table/Table.less
index 65a9b01e9..14fc89f7c 100644
--- a/src/routes/Calendar/Table/Table.less
+++ b/src/routes/Calendar/Table/Table.less
@@ -45,6 +45,7 @@
         display: grid;
         grid-template-columns: repeat(7, 1fr);
         gap: 1px;
+        grid-auto-rows: 1fr;
     }
 }
 

From b40ef9f3dc5e3f5c8f5e79786e17b2660d321bbd Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Sun, 12 Oct 2025 00:58:36 +0300
Subject: [PATCH 06/17] fix(calendar): redesign cell layout with rows for
 desktop

---
 src/routes/Calendar/Table/Cell/Cell.less | 47 +++++++++---------------
 1 file changed, 17 insertions(+), 30 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index a34a04a24..e989b4cf7 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -5,7 +5,7 @@
 .cell {
     position: relative;
     display: flex;
-    flex-direction: column;
+    flex-direction: row;
     justify-content: space-between;
     gap: 0.5rem;
     background-color: var(--overlay-color);
@@ -28,7 +28,7 @@
 
     .heading {
         position: relative;
-        height: 100%;
+        width: 60%;
         display: flex;
         align-items: start;
         padding: 0;
@@ -53,7 +53,8 @@
         display: flex;
         flex-direction: row;
         gap: 1rem;
-        padding: 0 0.5rem 0.5rem 0.5rem;
+        padding: 0.1rem;
+        width: 90%;
 
         .item {
             flex: none;
@@ -63,7 +64,6 @@
             height: 100%;
             aspect-ratio: 2 / 3;
             border-radius: var(--border-radius);
-            height: 100%;
             max-height: clamp(8rem, 25vh, 14rem);
 
             .icon {
@@ -134,47 +134,35 @@
     }
 }
 
-@media only screen and (max-height: @minimum) and (orientation: portrait) {
+@media only screen and (orientation: portrait) {
     .cell {
+        flex-direction: column;
+        display: grid;
         .heading {
             justify-content: center;
         }
 
         .items {
-            display: none;
+          padding: 1px;
+          gap: 0.15rem;
+          justify-content: space-evenly;
+
+          .item{
+            width: 80%;
+          }
         }
 
         .more {
             display: flex;
-        }
-    }
-}
-
-@media only screen and (max-height: @xsmall) and (max-width: @xsmall) {
-    .cell {
-        gap: 0;
-
-        .heading {
-          .day {
-            font-size: 0.875rem;
-          }
-        }
-
-        .items {
-            padding: 0.25rem;
             display: none;
-
-        .item {
-          pointer-events: none;
-          border-radius: calc(var(--border-radius) / 2);
-        }
         }
     }
 }
 
-@media only screen and (max-height: @small) and (max-width: @small) {
+@media only screen and (max-height: @medium) and (max-width: @medium) and (orientation: landscape) {
     .cell {
         gap: 0;
+        flex-direction: row;
 
         .heading {
             .day {
@@ -183,13 +171,12 @@
         }
 
         .items {
-            padding: 0.25rem;
             width: 100%;
-            height: 100%;
 
             .item {
                 pointer-events: none;
                 border-radius: calc(var(--border-radius) / 2);
+                width: 80%;
             }
         }
     }

From 539a7ebc10c8840c34d69f4c667b63da0da9ae8b Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Sun, 12 Oct 2025 13:41:42 +0300
Subject: [PATCH 07/17] fix(calendar): align day and more indicator inline in
 narrow desktop viewports

---
 src/routes/Calendar/Table/Cell/Cell.less | 69 +++++++++++++++---------
 1 file changed, 45 insertions(+), 24 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index e989b4cf7..d66084392 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -28,7 +28,7 @@
 
     .heading {
         position: relative;
-        width: 60%;
+        width: 100%;
         display: flex;
         align-items: start;
         padding: 0;
@@ -52,7 +52,7 @@
         position: relative;
         display: flex;
         flex-direction: row;
-        gap: 1rem;
+        gap: 0.1em;
         padding: 0.1rem;
         width: 90%;
 
@@ -80,13 +80,10 @@
             }
 
             .poster {
-                flex: auto;
-                z-index: 0;
-                position: relative;
-                height: 100%;
-                width: 100%;
+                height: auto;
+                max-height: 100%;
+                aspect-ratio: 2 / 3;
                 object-fit: cover;
-                opacity: 1;
             }
 
             .icon, .poster {
@@ -134,27 +131,19 @@
     }
 }
 
-@media only screen and (orientation: portrait) {
+@media @phone-portrait {
     .cell {
         flex-direction: column;
         display: grid;
-        .heading {
-            justify-content: center;
-        }
 
         .items {
-          padding: 1px;
-          gap: 0.15rem;
-          justify-content: space-evenly;
+            padding: 1px;
+            gap: 0.15rem;
+            justify-content: space-evenly;
 
-          .item{
-            width: 80%;
-          }
-        }
-
-        .more {
-            display: flex;
-            display: none;
+            .item {
+                width: 80%;
+            }
         }
     }
 }
@@ -180,4 +169,36 @@
             }
         }
     }
-}
\ No newline at end of file
+}
+
+@media only screen and (max-width: @minimum) and (orientation: portrait) and (pointer: fine) {
+  .cell {
+      position: relative;
+      flex-direction: row;
+      align-items: center;
+      display: flex;
+
+      .items {
+          display: none;
+      }
+
+      .heading {
+          display: flex;
+          align-items: center;
+          gap: 0.25rem;
+          width: auto; 
+      }
+
+      .day {
+          margin-right: 0.25rem;
+      }
+
+      .more {
+          display: inline-flex;
+          position: relative;
+          height: auto;
+          padding: 0;
+          width: 30%;
+      }
+  }
+}

From fb9497a85631f28bc4eca0a39a45e52f608d496a Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Sun, 12 Oct 2025 18:23:34 +0300
Subject: [PATCH 08/17] feat(calendar): redesign calendar cell layout for
 responsiveness and banner support

---
 src/routes/Calendar/Table/Cell/Cell.less | 56 +++++++++++-------------
 1 file changed, 26 insertions(+), 30 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index d66084392..0fdf615d2 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -28,10 +28,9 @@
 
     .heading {
         position: relative;
-        width: 100%;
+        flex: 1 1 40%;
         display: flex;
-        align-items: start;
-        padding: 0;
+        align-items: flex-start;
 
         .day {
             flex: none;
@@ -54,7 +53,10 @@
         flex-direction: row;
         gap: 0.1em;
         padding: 0.1rem;
-        width: 90%;
+        flex: 1 1 60%;
+        overflow-x: auto;
+        overflow-y: hidden; 
+        min-width: 0;
 
         .item {
             flex: none;
@@ -63,8 +65,9 @@
             justify-content: center;
             height: 100%;
             aspect-ratio: 2 / 3;
-            border-radius: var(--border-radius);
-            max-height: clamp(8rem, 25vh, 14rem);
+            border-radius: calc(var(--border-radius) /2);
+            max-height: 100%;
+            width: 100%;
 
             .icon {
                 flex: none;
@@ -84,6 +87,7 @@
                 max-height: 100%;
                 aspect-ratio: 2 / 3;
                 object-fit: cover;
+                border-radius: inherit
             }
 
             .icon, .poster {
@@ -115,7 +119,10 @@
     &.today {
         .heading {
             .day {
+                width: auto;
                 background-color: var(--primary-accent-color);
+                height: auto;
+                padding: 0.3rem;
             }
         }
     }
@@ -142,12 +149,21 @@
             justify-content: space-evenly;
 
             .item {
-                width: 80%;
+                width: 100%;
             }
         }
     }
 }
 
+@media only screen and (max-height: @xxsmall) and (max-width: @xxsmall) and (orientation: landscape) {
+  .cell{
+    .items{
+        width: 100%;
+    }
+  }
+}
+
+
 @media only screen and (max-height: @medium) and (max-width: @medium) and (orientation: landscape) {
     .cell {
         gap: 0;
@@ -161,12 +177,6 @@
 
         .items {
             width: 100%;
-
-            .item {
-                pointer-events: none;
-                border-radius: calc(var(--border-radius) / 2);
-                width: 80%;
-            }
         }
     }
 }
@@ -175,30 +185,16 @@
   .cell {
       position: relative;
       flex-direction: row;
-      align-items: center;
       display: flex;
 
-      .items {
-          display: none;
-      }
-
       .heading {
           display: flex;
-          align-items: center;
           gap: 0.25rem;
           width: auto; 
-      }
+          .day{
+              font-size: 0.6rem;
+          }
 
-      .day {
-          margin-right: 0.25rem;
-      }
-
-      .more {
-          display: inline-flex;
-          position: relative;
-          height: auto;
-          padding: 0;
-          width: 30%;
       }
   }
 }

From 2e1ad64d02b23b7a508a708acab62616d4e79acd Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Mon, 13 Oct 2025 13:06:52 +0300
Subject: [PATCH 09/17] refactor(calendar): replace fixed width with max-width
 for better banner scaling

---
 src/routes/Calendar/Table/Cell/Cell.less | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 0fdf615d2..95116de20 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -51,7 +51,7 @@
         position: relative;
         display: flex;
         flex-direction: row;
-        gap: 0.1em;
+        gap: 0.2rem;
         padding: 0.1rem;
         flex: 1 1 60%;
         overflow-x: auto;
@@ -67,7 +67,7 @@
             aspect-ratio: 2 / 3;
             border-radius: calc(var(--border-radius) /2);
             max-height: 100%;
-            width: 100%;
+            max-width: 100%;
 
             .icon {
                 flex: none;

From e74072ebd5c2e548589630022d2dae156d3cebaf Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Mon, 13 Oct 2025 13:40:13 +0300
Subject: [PATCH 10/17] fix(calendar): disable banner click in phone-portrait
 mode

---
 src/routes/Calendar/Table/Cell/Cell.less | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 95116de20..3a103c913 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -138,6 +138,17 @@
     }
 }
 
+@media only screen and (max-width: @minimum) and (orientation: portrait) {
+  .cell{
+    .items{
+        .item{
+            pointer-events: none;
+        }
+
+    }
+  }
+}
+
 @media @phone-portrait {
     .cell {
         flex-direction: column;
@@ -150,6 +161,7 @@
 
             .item {
                 width: 100%;
+                pointer-events: none;
             }
         }
     }
@@ -187,6 +199,12 @@
       flex-direction: row;
       display: flex;
 
+      .items{
+          .item{
+              pointer-events: none;
+          }
+      }
+
       .heading {
           display: flex;
           gap: 0.25rem;

From d2d28be6ded2956837e6167854d99fd78f5cff8d Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Mon, 13 Oct 2025 16:27:15 +0300
Subject: [PATCH 11/17] style(responsive): add @phone-landscape media query

---
 src/routes/Calendar/Table/Cell/Cell.less | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 3a103c913..754715f32 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -167,12 +167,19 @@
     }
 }
 
-@media only screen and (max-height: @xxsmall) and (max-width: @xxsmall) and (orientation: landscape) {
-  .cell{
-    .items{
-        width: 100%;
+@media @phone-landscape {
+    .cell {
+        flex-direction: row;
+
+        .items {
+            padding: 1px;
+            gap: 0.15rem;
+
+            .item {
+                pointer-events: none;
+            }
+        }
     }
-  }
 }
 
 

From 83752eb647b1c9b5a15c70fcbe326e02be82b14a Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Tue, 14 Oct 2025 18:34:43 +0300
Subject: [PATCH 12/17] fix(calendar): adaptive display and style fixes

---
 src/routes/Calendar/Table/Cell/Cell.less | 59 +++++++++---------------
 1 file changed, 21 insertions(+), 38 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 754715f32..d5202c53d 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -5,7 +5,7 @@
 .cell {
     position: relative;
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     justify-content: space-between;
     gap: 0.5rem;
     background-color: var(--overlay-color);
@@ -28,9 +28,8 @@
 
     .heading {
         position: relative;
-        flex: 1 1 40%;
         display: flex;
-        align-items: flex-start;
+        align-items: center;
 
         .day {
             flex: none;
@@ -65,7 +64,7 @@
             justify-content: center;
             height: 100%;
             aspect-ratio: 2 / 3;
-            border-radius: calc(var(--border-radius) /2);
+            border-radius: calc(var(--border-radius) / 2);
             max-height: 100%;
             max-width: 100%;
 
@@ -118,11 +117,11 @@
 
     &.today {
         .heading {
+            padding: 0.3rem;
             .day {
-                width: auto;
                 background-color: var(--primary-accent-color);
-                height: auto;
-                padding: 0.3rem;
+                height: 1.5rem;
+                width: 1.5rem;
             }
         }
     }
@@ -138,15 +137,14 @@
     }
 }
 
-@media only screen and (max-width: @minimum) and (orientation: portrait) {
-  .cell{
-    .items{
-        .item{
-            pointer-events: none;
+@media only screen and (max-width: @minimum) {
+    .cell {
+        .items {
+            .item {
+                pointer-events: none;
+            }
         }
-
     }
-  }
 }
 
 @media @phone-portrait {
@@ -157,10 +155,8 @@
         .items {
             padding: 1px;
             gap: 0.15rem;
-            justify-content: space-evenly;
 
             .item {
-                width: 100%;
                 pointer-events: none;
             }
         }
@@ -169,7 +165,7 @@
 
 @media @phone-landscape {
     .cell {
-        flex-direction: row;
+        flex-direction: column;
 
         .items {
             padding: 1px;
@@ -186,10 +182,11 @@
 @media only screen and (max-height: @medium) and (max-width: @medium) and (orientation: landscape) {
     .cell {
         gap: 0;
-        flex-direction: row;
+        flex-direction: column;
 
         .heading {
             .day {
+                padding: 0;
                 font-size: 0.875rem;
             }
         }
@@ -201,25 +198,11 @@
 }
 
 @media only screen and (max-width: @minimum) and (orientation: portrait) and (pointer: fine) {
-  .cell {
-      position: relative;
-      flex-direction: row;
-      display: flex;
+    .cell {
+        display: flex;
 
-      .items{
-          .item{
-              pointer-events: none;
-          }
-      }
-
-      .heading {
-          display: flex;
-          gap: 0.25rem;
-          width: auto; 
-          .day{
-              font-size: 0.6rem;
-          }
-
-      }
-  }
+        .heading {
+            flex: 1 1 33%;
+        }
+    }
 }

From 4361792cae363ac8ec2b4b4f1a4c8158abde96b8 Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Wed, 15 Oct 2025 20:36:13 +0300
Subject: [PATCH 13/17] fix: adapt items display for mobile landscape

---
 src/routes/Calendar/Table/Cell/Cell.less | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index d5202c53d..f6ef744f1 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -29,7 +29,7 @@
     .heading {
         position: relative;
         display: flex;
-        align-items: center;
+        align-items: flex-start;
 
         .day {
             flex: none;
@@ -165,7 +165,7 @@
 
 @media @phone-landscape {
     .cell {
-        flex-direction: column;
+        flex-direction: row;
 
         .items {
             padding: 1px;
@@ -182,7 +182,6 @@
 @media only screen and (max-height: @medium) and (max-width: @medium) and (orientation: landscape) {
     .cell {
         gap: 0;
-        flex-direction: column;
 
         .heading {
             .day {

From 3e0308dff1a6aa8a89f150399ee11317b8213dc1 Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Wed, 15 Oct 2025 20:45:46 +0300
Subject: [PATCH 14/17] fix: align banners with day for small desktops

---
 src/routes/Calendar/Table/Cell/Cell.less | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index f6ef744f1..06304fb24 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -192,6 +192,7 @@
 
         .items {
             width: 100%;
+            padding-left: 0.5rem;
         }
     }
 }

From 0433da66c11c5bf83956425c8ae533f3bc46c06c Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Thu, 16 Oct 2025 19:59:00 +0300
Subject: [PATCH 15/17] fix: point event none for tablets on portrait mode

---
 src/routes/Calendar/Table/Cell/Cell.less | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 06304fb24..c1f25fe46 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -206,3 +206,13 @@
         }
     }
 }
+
+@media screen and (min-width: @small-phone-portrait-size) and (max-width: @small) and (orientation: portrait) {
+    .cell {
+        .items {
+            .item {
+                pointer-events: none;
+            }
+        }
+    }
+}

From 18617b32c99c33c1b0c442b608af98f2cc871cfb Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Fri, 17 Oct 2025 17:45:53 +0300
Subject: [PATCH 16/17] refactor: reduce duplicated CSS using less variables

---
 src/routes/Calendar/Table/Cell/Cell.less | 64 +++++++++++-------------
 1 file changed, 30 insertions(+), 34 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index c1f25fe46..2ea7c6a74 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -2,6 +2,25 @@
 
 @import (reference) '~stremio/common/screen-sizes.less';
 
+.disable-cell-items() {
+    .cell {
+        .items {
+            .item {
+                pointer-events: none;
+            }
+        }
+    }
+}
+
+.compact-items() {
+    .cell {
+        .items {
+            padding: 1px;
+            gap: 0.15rem;
+        }
+    }
+}
+
 .cell {
     position: relative;
     display: flex;
@@ -138,47 +157,26 @@
 }
 
 @media only screen and (max-width: @minimum) {
-    .cell {
-        .items {
-            .item {
-                pointer-events: none;
-            }
-        }
-    }
+    .disable-cell-items();
 }
 
 @media @phone-portrait {
     .cell {
         flex-direction: column;
         display: grid;
-
-        .items {
-            padding: 1px;
-            gap: 0.15rem;
-
-            .item {
-                pointer-events: none;
-            }
-        }
     }
+    .compact-items();
+    .disable-cell-items();
 }
 
 @media @phone-landscape {
     .cell {
         flex-direction: row;
-
-        .items {
-            padding: 1px;
-            gap: 0.15rem;
-
-            .item {
-                pointer-events: none;
-            }
-        }
     }
+    .compact-items();
+    .disable-cell-items();
 }
 
-
 @media only screen and (max-height: @medium) and (max-width: @medium) and (orientation: landscape) {
     .cell {
         gap: 0;
@@ -207,12 +205,10 @@
     }
 }
 
-@media screen and (min-width: @small-phone-portrait-size) and (max-width: @small) and (orientation: portrait) {
-    .cell {
-        .items {
-            .item {
-                pointer-events: none;
-            }
-        }
-    }
+@media screen and (max-width: @small) and (orientation: portrait) {
+    .disable-cell-items();
+}
+
+@media screen and (min-width: @small-phone-portrait-size) and (max-width: @small) and (orientation: portrait) {
+    .disable-cell-items();
 }

From eb61ad69434840c3fcd1d090f3c977454fbd04fb Mon Sep 17 00:00:00 2001
From: Victor Sales <36749678+v1ctorsales@users.noreply.github.com>
Date: Fri, 17 Oct 2025 18:20:31 +0300
Subject: [PATCH 17/17] fix: remove unused mediaquery

---
 src/routes/Calendar/Table/Cell/Cell.less | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/routes/Calendar/Table/Cell/Cell.less b/src/routes/Calendar/Table/Cell/Cell.less
index 2ea7c6a74..afd2a3889 100644
--- a/src/routes/Calendar/Table/Cell/Cell.less
+++ b/src/routes/Calendar/Table/Cell/Cell.less
@@ -208,7 +208,3 @@
 @media screen and (max-width: @small) and (orientation: portrait) {
     .disable-cell-items();
 }
-
-@media screen and (min-width: @small-phone-portrait-size) and (max-width: @small) and (orientation: portrait) {
-    .disable-cell-items();
-}