From 8a3c882de886fa04f67e0786c2b4ccfa0f7bb158 Mon Sep 17 00:00:00 2001
From: xO-Tx <mou@odoo.com>
Date: Wed, 10 Aug 2022 14:54:00 +0000
Subject: [PATCH] [FIX] website: adapt new page dialog UI

The goal of this commit is to fix "New Page Dialog" margin issue
related to the use of '.form-group' CSS (dropped on BS5) and replace
it with a simple row gutter.

closes odoo/odoo#97919

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
---
 addons/website/static/src/components/dialog/dialog.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/addons/website/static/src/components/dialog/dialog.js b/addons/website/static/src/components/dialog/dialog.js
index 12ce4e9ec66..499f7f87afc 100644
--- a/addons/website/static/src/components/dialog/dialog.js
+++ b/addons/website/static/src/components/dialog/dialog.js
@@ -106,14 +106,14 @@ AddPageDialog.template = xml`
     primaryTitle="primaryTitle"
     primaryClick="() => this.addPage()"
     close="props.close">
-    <div class="form-group row">
+    <div class="row gy-4">
         <label class="col-form-label col-md-3">
             Page Title
         </label>
         <div class="col-md-9">
             <input type="text" t-model="state.name" class="form-control" required="required" t-ref="autofocus"/>
         </div>
+        <Switch extraClasses="'offset-md-3 col-md-9 text-start'" label="switchLabel" value="state.addMenu" onChange="(value) => this.onChangeAddMenu(value)"/>
     </div>
-    <Switch extraClasses="'offset-md-3 col-md-9 text-start'" label="switchLabel" value="state.addMenu" onChange="(value) => this.onChangeAddMenu(value)"/>
 </WebsiteDialog>
 `;