[FIX] mrp: buttons on BoM structure

Same size, smaller, better placed buttons.

addons/mrp/static/src/js/mrp_bom_report.js

@@ -108,8 +108,8 @@ var MrpBomReport = stock_report_generic.extend({
     },
     renderSearch: function () {
         this.$buttonPrint = $(QWeb.render('mrp.button'));
-        this.$buttonPrint.filter('.o_mrp_bom_print').on('click', this._onClickPrint.bind(this));
-        this.$buttonPrint.filter('.o_mrp_bom_print_unfolded').on('click', this._onClickPrint.bind(this));
+        this.$buttonPrint.find('.o_mrp_bom_print').on('click', this._onClickPrint.bind(this));
+        this.$buttonPrint.find('.o_mrp_bom_print_unfolded').on('click', this._onClickPrint.bind(this));
         this.$searchView = $(QWeb.render('mrp.report_bom_search', _.omit(this.data, 'lines')));
         this.$searchView.find('.o_mrp_bom_report_qty').on('change', this._onChangeQty.bind(this));
         this.$searchView.find('.o_mrp_bom_report_variants').on('change', this._onChangeVariants.bind(this));

addons/mrp/static/src/scss/mrp_bom_report.scss

@@ -32,3 +32,11 @@
         }
     }
 }
+
+.o_mrp_bom_report_buttons {
+    @include media-breakpoint-down(sm) {
+        display: grid;
+        grid-gap: 4px; // For compatibility
+        gap: 4px;
+    }
+}

addons/mrp/static/src/xml/mrp.xml

 <?xml version="1.0" encoding="UTF-8"?>
 <templates>
     <t t-name="mrp.button">
-        <button type="button" class="btn btn-primary o_mrp_bom_print">Print</button>
-        <button type="button" class="btn btn-primary ml8 o_mrp_bom_print_unfolded">Print Unfolded</button>
+        <div class="o_list_buttons o_mrp_bom_report_buttons">
+            <button type="button" class="btn btn-primary o_mrp_bom_print">Print</button>
+            <button type="button" class="btn btn-primary o_mrp_bom_print_unfolded">Print Unfolded</button>
+        </div>
     </t>
 
     <form class="form-inline" t-name="mrp.report_bom_search">