From 2a9ee1307aefdc29ae1118e8091a7d6c11b2e8b8 Mon Sep 17 00:00:00 2001
From: "Hubert Van de Walle (huvw)" <huvw@odoo.com>
Date: Thu, 23 Jun 2022 14:17:04 +0000
Subject: [PATCH] [FIX] point_of_sale: close popup buttons hidden on mobile

Steps to follow:

  - Use a mobile view in the browser dev tools
  - Open the POS app
  - Perform a Sale
  - Close the session

opw-2788751

closes odoo/odoo#94587

X-original-commit: 654cdb5b8a46c9b44d432f05bcaf29d20fe3e306
Signed-off-by: Hubert Van De Walle <huvw@odoo.com>
---
 .../src/css/popups/closing_pos_popup.css      | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/addons/point_of_sale/static/src/css/popups/closing_pos_popup.css b/addons/point_of_sale/static/src/css/popups/closing_pos_popup.css
index d6725435b7d..19d9a3a9e22 100644
--- a/addons/point_of_sale/static/src/css/popups/closing_pos_popup.css
+++ b/addons/point_of_sale/static/src/css/popups/closing_pos_popup.css
@@ -127,6 +127,28 @@
     font-style: italic;
 }
 
+@media screen and (max-width: 768px) {
+    .pos .close-pos-popup {
+        overflow-y: auto;
+    }
+
+    .pos .close-pos-popup .footer {
+        display: flex;
+        flex-direction: column;
+        height: unset;
+    }
+
+    .pos .close-pos-popup .footer .button {
+        width: 90% !important;
+        margin-left: auto;
+        margin-right: auto;
+    }
+
+    .pos .close-pos-popup .footer .button:last-of-type {
+        margin-bottom: 10px;
+    }
+}
+
 .pos .close-pos-popup .footer .button {
     width: 150px;
 }