From b1048cb5baef0499d948b0ade278d39b8505a6b6 Mon Sep 17 00:00:00 2001
From: Cocographique <nmi@odoo.com>
Date: Tue, 3 Mar 2020 15:47:21 +0000
Subject: [PATCH] [IMP] website: improve Alignment option wording and position

Part of https://github.com/odoo/odoo/pull/46809
task-2182909
---
 addons/website/views/snippets/snippets.xml | 23 +++++++++++-----------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/addons/website/views/snippets/snippets.xml b/addons/website/views/snippets/snippets.xml
index 52ea55a4a41..b65c73fe185 100644
--- a/addons/website/views/snippets/snippets.xml
+++ b/addons/website/views/snippets/snippets.xml
@@ -274,17 +274,6 @@
         <we-button class="fa fa-fw fa-angle-right" data-move-snippet="next" data-no-preview="true"/>
     </div>
 
-    <!--  V-ALIGN -->
-    <div id="row_valign_snippet_option" data-selector=".s_text_image, .s_image_text, .s_three_columns" data-target=".row">
-        <we-select string="Alignment">
-            <we-button data-select-class="align-items-start">Top</we-button>
-            <we-button data-select-class="align-items-center">Middle</we-button>
-            <we-button data-select-class="align-items-end">Bottom</we-button>
-            <we-divider/>
-            <we-button data-select-class="align-items-stretch">Equal height</we-button>
-        </we-select>
-    </div>
-
     <!-- Background Image -->
     <div data-js="background" string="Background"
         data-selector="section, .parallax, .carousel-item"
@@ -494,6 +483,7 @@
             <we-button data-select-class="o_full_screen_height">Full screen</we-button>
         </we-select>
     </div>
+
     <!-- Scroll to next section button (only for full height) -->
     <div data-js="ScrollButton" data-selector="section">
         <we-row string="Scroll down button" class="o_scroll_button_opt">
@@ -514,6 +504,17 @@
         </we-row>
     </div>
 
+    <!--  Vertical Alignment -->
+    <div id="row_valign_snippet_option" data-selector=".s_text_image, .s_image_text, .s_three_columns" data-target=".row">
+        <we-select string="Vert. Alignment" title="Vertical Alignment">
+            <we-button data-select-class="align-items-start">Top</we-button>
+            <we-button data-select-class="align-items-center">Middle</we-button>
+            <we-button data-select-class="align-items-end">Bottom</we-button>
+            <we-divider/>
+            <we-button data-select-class="align-items-stretch">Equal height</we-button>
+        </we-select>
+    </div>
+
     <!-- Cookies Bar -->
     <div data-selector="#website_cookies_bar" data-js="CookiesBar" data-target=".s_popup_main">
         <we-select string="Layout" class="o_we_inline">