From 9a67190e3eeff7ffa75c028669ffa779816dac02 Mon Sep 17 00:00:00 2001
From: "Tiffany Chang (tic)" <tic@odoo.com>
Date: Fri, 3 Sep 2021 07:57:37 +0000
Subject: [PATCH] [IMP] stock: improve buttons for reception report

When reception report is viewed in a mobile screen, the "Print Label(s)"
buttons do not fit well, therefore we use a print icon instead of text
when in a mobile view. To ensure it looks good, we also update the
buttons to have equal width/height where applicable.

Part of Task: 2632884

X-original-commit: fadc2dddf12521b0f81096b6225d67951584b714
Part-of: odoo/odoo#79408
---
 addons/stock/report/report_stock_reception.xml           | 6 ++++--
 addons/stock/static/src/scss/report_stock_reception.scss | 8 ++++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/addons/stock/report/report_stock_reception.xml b/addons/stock/report/report_stock_reception.xml
index c1cf62df4ce..08ffcecf4e4 100644
--- a/addons/stock/report/report_stock_reception.xml
+++ b/addons/stock/report/report_stock_reception.xml
@@ -88,7 +88,8 @@
                                         class="btn btn-sm btn-primary o_print_label o_print_label_all"
                                         t-att-disabled="not any(s['is_assigned'] for s in sources_to_lines[source])"
                                         name="print_labels">
-                                        Print Labels
+                                        <span class="d-none d-sm-block o_print_label_text">Print Labels</span>
+                                        <span class="d-block d-sm-none fa fa-print"/>
                                 </button>
                             </th>
                         </tr>
@@ -137,7 +138,8 @@
                                         t-attf-class="btn btn-sm btn-primary o_print_label"
                                         t-att-disabled="not line['is_assigned']"
                                         name="print_label">
-                                        Print Label
+                                        <span class="d-none d-sm-block o_print_label_text">Print Label</span>
+                                        <span class="d-block d-sm-none fa fa-print"/>
                                     </button>
                                 </td>
                             </tr>
diff --git a/addons/stock/static/src/scss/report_stock_reception.scss b/addons/stock/static/src/scss/report_stock_reception.scss
index 7f762667e2b..2eca2b8abae 100644
--- a/addons/stock/static/src/scss/report_stock_reception.scss
+++ b/addons/stock/static/src/scss/report_stock_reception.scss
@@ -10,11 +10,19 @@
     }
     & .btn {
         &.btn-primary {
+            height: 31px;
             background-color: $o-brand-primary;
             border-color: $o-brand-primary;
             &:hover:not([disabled]) {
                 background-color: darken($o-brand-primary, 10%);
             }
+            &.o_report_reception_assign,
+            &.o_report_reception_unassign {
+                width: 78px;
+            }
+            & .o_print_label_text {
+                width: 73px;
+            }
         }
     }
     & .badge {