[FIX] Bad layout for button Published/Unpublished (#25476)

addons/web/static/src/scss/ui.scss

@@ -13,3 +13,8 @@
 [aria-hidden="true"], [aria-hidden="1"] {
     display: none!important;
 }
+
+.bg-transparent {
+    background: inherit;
+    border: none;
+}

addons/website/static/src/xml/website.pageProperties.xml

@@ -126,7 +126,7 @@
                     <label class="control-label col-sm-3" for="is_published">Publish</label>
                     <div class="col-sm-2">
                         <a>
-                            <button class="o_switch js_publish_btn">
+                            <button class="o_switch js_publish_btn bg-transparent">
                                 <input type="checkbox" t-att-checked="widget.page.website_published ? true : undefined" id="is_published"/>
                                 <span/>
                             </button>

addons/website/views/website_navbar_templates.xml

@@ -61,7 +61,7 @@
                 <ul class="o_menu_systray hidden-xs" groups="website.group_website_publisher">
                     <li t-if="'website_published' in main_object.fields_get()" t-attf-class="js_publish_management #{main_object.website_published and 'css_published' or 'css_unpublished'}" t-att-data-id="main_object.id" t-att-data-object="main_object._name" t-att-data-controller="publish_controller">
                         <a>
-                            <button class="o_switch o_switch_danger js_publish_btn">
+                            <button class="o_switch o_switch_danger js_publish_btn bg-transparent">
                                 <input type="checkbox" t-att-checked="main_object.website_published" id="id"/>
                                 <span/>
                                 <span class="css_publish">Unpublished</span>