[FIX] web: improve style header background layout

As per fpodoo specification:

- decrease max width of logo (from max 33% of header width, to max 22%)
- decrease font-size of tagline by 30%

So logo is smaller, and company address has less probability to get
pushed lower (since sum of contents are larger than width).

Sizing the header works as follow:

If the header is equal to wkhtmltopdf page width or bigger, it is zoomed
out until it fits. So with current configuration:

- 100% of width is 900px,
- company tagline is at maximum 33% (300/900),
- company logo is at maximum 20% (200/900),
- remaining (company address) is remaining space of 44% (400/900)

closes #27641

1 files changed, 3 insertions, 4 deletions

diff --git a/addons/web/static/src/scss/layout_background.scss b/addons/web/static/src/scss/layout_background.scss
index 9f4aed173f4..ff2d0cef3b0 100644
--- a/addons/web/static/src/scss/layout_background.scss
+++ b/addons/web/static/src/scss/layout_background.scss
@@ -3,18 +3,17 @@
     color: gray('700');
 }
 .o_background_header {
+    min-width: 900px;
     border-bottom: 1px solid gray('200');
-    .company_address {
-        min-width: 300px;
-    }
     img {
         max-height: 96px;
-        max-width: 300px;
+        max-width: 200px;
         margin-right: 16px;
     }
     h3 {
         color: $o-brand-odoo;
         font-weight: 700;
+        font-size: 1.25rem;
         max-width: 300px;
     }
 }