[FIX] web: wrong display in mobile

1 files changed, 10 insertions, 1 deletions

diff --git a/addons/web/static/src/less/web_calendar.less b/addons/web/static/src/less/web_calendar.less
index 740d6db14d9..b23b64bcfa7 100644
--- a/addons/web/static/src/less/web_calendar.less
+++ b/addons/web/static/src/less/web_calendar.less
@@ -39,9 +39,9 @@
     .o_calendar_view {
         .o-flex(1, 1, auto);
         min-width: 0;
-        height: 100%;
 
         .o_calendar_widget {
+            height: 100%;
             background-color: @odoo-view-background-color;
             * {
                 z-index: 0; // FIXME
@@ -69,6 +69,9 @@
             }
             .fc-view {
                 overflow-x: auto;
+                > table {
+                    min-width: 600px;
+                }
             }
         }
 
@@ -202,6 +205,12 @@
     }
 }
 
+@media only screen and (max-width: 768px) {
+    .o_calendar_container {
+        padding: 0;
+    }
+}
+
 .modal {
     .o_attendee_head {
         width: 32px;