[FIX] web_editor, website(_*): fix bs4

[FIX] web_editor: adapt col size to avoid too small select

We should avoid col-md-3 in col-md-9 as the menu dialog is instanciated at 2
places:
  - When creating a link in the editor
  - When editing website navbar menu

In the second case, there is a hack in `content.js` to remove `modal-lg`
lowering the width of the modal and making the select too small.

[FIX] website: lower navbar font size

With BS4, font-size of navbar element went from 13px to ~17px (rem unit
computation).

14px seems better than previous 13px as the frontend content size is
higher than the backend one. Thus, 13px looks too small in contrast with the
frontend page content.

[FIX] website_crm_partner_assign, website_customer, website_membership: fix layout

This commit fixes multiple layout issues, mainly by aligning code of the 3
modules:
  - Add margin right to avoid text to be against image
  - Using image_medium everywhere
  - Fixing search input width

publish toggle red + odoo primary is weird -> gray
navbar now has a background & float-right not working since flex
-> remove navbar class, use d-flex and ml-auto so the right element will be floating since using all available width

task-1878150

1 files changed, 3 insertions, 3 deletions

diff --git a/addons/website_membership/views/website_membership_templates.xml b/addons/website_membership/views/website_membership_templates.xml
index 5883be37029..e1e447faad5 100644
--- a/addons/website_membership/views/website_membership_templates.xml
+++ b/addons/website_membership/views/website_membership_templates.xml
@@ -33,11 +33,11 @@
                 </ul>
             </div>
             <div class="col-lg-8" id="ref_content">
-                <div class='navbar'>
+                <div class='d-flex m-2'>
                     <t t-call="website.pager">
                        <t t-set="classname">float-left</t>
                     </t>
-                    <form action="" method="get" class="navbar-search float-right pagination form-inline">
+                    <form action="" method="get" class="navbar-search ml-auto pagination form-inline">
                         <t t-call="website.website_search_box">
                             <t t-set="search" t-value="post.get('search', '')"/>
                         </t>
@@ -55,7 +55,7 @@
                                 <div class="media mt-3">
                                     <a t-attf-href="/members/#{slug(partner)}"
                                        t-field="partner.image_small"
-                                       t-options='{"widget": "image", "class": "media-object"}'
+                                       t-options='{"widget": "image", "class": "media-object mr-3"}'
                                     ></a>
                                     <div class="media-body" style="min-height: 64px;">
                                         <a t-attf-href="/members/#{slug(partner)}">