From 2fa0f4bdb229c9866711a7617accfe3682ff74b3 Mon Sep 17 00:00:00 2001
From: Cocographique <nmi@odoo.com>
Date: Wed, 5 Feb 2020 11:41:06 +0000
Subject: [PATCH] [IMP] website: review section margins and icon color in
 showcase snippet

Part of https://github.com/odoo/odoo/pull/44980
task-2182907
---
 .../static/src/snippets/s_showcase/001.scss      |  1 -
 addons/website/views/snippets/s_showcase.xml     | 16 ++++++++--------
 2 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/addons/website/static/src/snippets/s_showcase/001.scss b/addons/website/static/src/snippets/s_showcase/001.scss
index 4ef99f5eb1c..f7a8cd3f374 100644
--- a/addons/website/static/src/snippets/s_showcase/001.scss
+++ b/addons/website/static/src/snippets/s_showcase/001.scss
@@ -41,7 +41,6 @@
     .s_showcase_icon {
         // Make the default margin the one for the left aligned icon, as it's what we want on mobile
         margin-right: 15px;
-        opacity: .5;
         font-size: 36px;
     }
 }
diff --git a/addons/website/views/snippets/s_showcase.xml b/addons/website/views/snippets/s_showcase.xml
index 553f25c2722..d98d8e5c0db 100644
--- a/addons/website/views/snippets/s_showcase.xml
+++ b/addons/website/views/snippets/s_showcase.xml
@@ -3,29 +3,29 @@
 
 <!-- Template -->
 <template name="Showcase" id="s_showcase">
-    <section class="s_showcase" data-vcss="001">
+    <section class="s_showcase pt32 pb32" data-vcss="001">
         <div class="container">
-            <div class="row text-center col-md-6 col-lg-12 mx-auto mt-3">
+            <div class="row text-center col-md-6 col-lg-12">
                 <div class="col-lg-3 offset-lg-2 my-2" data-name="Feature block">
-                    <h3 class="mb16"><span class="fa fa-fw fa-desktop s_showcase_icon"/>First feature</h3>
+                    <h3 class="mb16"><span class="fa fa-fw fa-desktop text-beta s_showcase_icon"/>First feature</h3>
                     <p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
                 </div>
                 <div class="col-lg-3 offset-lg-2 my-2" data-name="Feature block">
-                    <h3 class="mb16"><span class="fa fa-paint-brush s_showcase_icon"/>Second feature</h3>
+                    <h3 class="mb16"><span class="fa fa-paint-brush text-beta s_showcase_icon"/>Second feature</h3>
                     <p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
                 </div>
                 <div class="col-lg-3 offset-lg-2 my-2" data-name="Feature block">
-                    <h3 class="mb16"><span class="fa fa-heart s_showcase_icon"/>Another feature</h3>
+                    <h3 class="mb16"><span class="fa fa-heart text-beta s_showcase_icon"/>Another feature</h3>
                     <p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
                 </div>
                 <div class="col-lg-3 offset-lg-2 my-2" data-name="Feature block">
-                    <h3 class="mb16"><span class="fa fa-sliders s_showcase_icon"/>Last Feature</h3>
+                    <h3 class="mb16"><span class="fa fa-sliders text-beta s_showcase_icon"/>Last Feature</h3>
                     <p>Focus on what the customer would like to know, not what you want to show. Write a small explanation of this great feature</p>
                 </div>
             </div>
         </div>
-        <div class="mt16 mb16 text-center">
-            <a class="btn btn-secondary" href="">Discover all the features</a>
+        <div class="pt16 text-center">
+            <a href="#" class="btn btn-primary">Discover all the features</a>
         </div>
     </section>
 </template>