[FIX] web: misalignment title of dialog on Mobile

The title is aligned to the right on mobile. This is the result of the
two rules of Bootstrap:
```css
.modal-header {
  display: flex;
  justify-content: space-between;
}
```

To avoid this we add `margin-inline: start`, to force start alignment of
the title.

Steps to reproduce:
* Open Customer (on small/mobile screen)
* Create a new Customer
* Click on Tags field => BUG title of dialog on the right

Note: on desktop there is no problem as there is the close button on
the right.

closes odoo/odoo#109796

X-original-commit: 7809abb1dcf1b0d384c0cad4065cdf15adf56081
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
Signed-off-by: Romeo Fragomeli (rfr) <rfr@odoo.com>
This commit is contained in:
Romeo Fragomeli
2023-01-12 23:48:59 +01:00
parent d0bc61a2e2
commit 9420f68282
+1 -1
View File
@@ -40,7 +40,7 @@
<t t-if="fullscreen">
<button class="btn fa fa-arrow-left" data-bs-dismiss="modal" aria-label="Close" t-on-click="close" />
</t>
<h4 class="modal-title text-break">
<h4 class="modal-title text-break" t-att-class="{ 'me-auto': fullscreen }">
<t t-esc="props.title"/>
</h4>
<t t-if="!fullscreen">