From d24e3e780ffc469921a7799905ca7cdfe6dc7e5c Mon Sep 17 00:00:00 2001
From: Antoine Prieels <anp@odoo.com>
Date: Wed, 15 Jul 2020 06:46:31 +0000
Subject: [PATCH] [FIX] point_of_sale: Fix small layout issues
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix small layout issues:
 - On the scale screen, the product and computed prices were too large
   and not displayed correctly, hiding part of the Order button.
 - The icon in the proxy status was not displayed next to the text but
   on the next line, partly hidden.
 - The proxy status takes too much space on small devices, we hide the
   text and show only the icon on mobile.

closes odoo/odoo#55259

X-original-commit: 9d81e9d376751bf971733475ce241821f38352f8
Signed-off-by: pimodoo <pimodoo@users.noreply.github.com>
Signed-off-by: Antoine Prieëls <aprieels@users.noreply.github.com>
---
 addons/point_of_sale/static/src/css/pos.css    |  4 ++--
 .../src/xml/ChromeWidgets/ProxyStatus.xml      | 18 +++++++++---------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/addons/point_of_sale/static/src/css/pos.css b/addons/point_of_sale/static/src/css/pos.css
index 33f0788986e..b3b62acc27b 100644
--- a/addons/point_of_sale/static/src/css/pos.css
+++ b/addons/point_of_sale/static/src/css/pos.css
@@ -1772,7 +1772,7 @@ td {
     margin: 16px;
     text-align: center;
     display: inline-block;
-    width: 40%;
+    width: 35%;
 }
 .pos .scale-screen .computed-price{
     font-size: 25px;
@@ -1782,7 +1782,7 @@ td {
     margin-top: 0px;
     padding: 16px;
     background: white;
-    width: 40%;
+    width: 35%;
     border-radius: 3px;
     font-family: Inconsolata;
     font-weight: bold;
diff --git a/addons/point_of_sale/static/src/xml/ChromeWidgets/ProxyStatus.xml b/addons/point_of_sale/static/src/xml/ChromeWidgets/ProxyStatus.xml
index f842eec0078..3bcbef6d569 100644
--- a/addons/point_of_sale/static/src/xml/ChromeWidgets/ProxyStatus.xml
+++ b/addons/point_of_sale/static/src/xml/ChromeWidgets/ProxyStatus.xml
@@ -3,25 +3,25 @@
 
     <t t-name="ProxyStatus" owl="1">
         <div class="oe_status js_proxy" t-on-click="onClick">
-            <span t-if="state.msg" class="js_msg">
+            <span t-if="state.msg and !env.isMobile" class="js_msg">
                 <t t-esc="state.msg" />
             </span>
-            <div t-if="state.status === 'connected'" class="js_connected oe_green">
+            <span t-if="state.status === 'connected'" class="js_connected oe_green">
                 <i class="fa fa-fw fa-sitemap" role="img" aria-label="Proxy Connected"
                    title="Proxy Connected"></i>
-            </div>
-            <div t-if="state.status === 'connecting'" class="js_connecting">
+            </span>
+            <span t-if="state.status === 'connecting'" class="js_connecting">
                 <i class="fa fa-fw fa-spin fa-spinner" role="img" aria-label="Connecting to Proxy"
                    title="Connecting to Proxy"></i>
-            </div>
-            <div t-if="state.status === 'warning'" class="js_warning oe_orange">
+            </span>
+            <span t-if="state.status === 'warning'" class="js_warning oe_orange">
                 <i class="fa fa-fw fa-sitemap" role="img" aria-label="Proxy Warning"
                    title="Proxy Warning"></i>
-            </div>
-            <div t-if="state.status === 'disconnected'" class="js_disconnected oe_red">
+            </span>
+            <span t-if="state.status === 'disconnected'" class="js_disconnected oe_red">
                 <i class="fa fa-fw fa-sitemap" role="img" aria-label="Proxy Disconnected"
                    title="Proxy Disconnected"></i>
-            </div>
+            </span>
         </div>
     </t>