From 134e414cf4c89b7982183704a549dd0574e8984d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Alex=20Arag=C3=B3n?= <aragcar@gmail.com>
Date: Fri, 27 Dec 2019 15:22:20 -0500
Subject: [PATCH] css block demo and btn apps - refs BT#15974

---
 .../public/css/themes/rainbow/default.css     | 17 ++++----
 main/template/rainbow/layout/layout_2_col.tpl | 41 +++++++++++--------
 2 files changed, 34 insertions(+), 24 deletions(-)

diff --git a/app/Resources/public/css/themes/rainbow/default.css b/app/Resources/public/css/themes/rainbow/default.css
index fda8b90559..09ce3e45b1 100755
--- a/app/Resources/public/css/themes/rainbow/default.css
+++ b/app/Resources/public/css/themes/rainbow/default.css
@@ -104,7 +104,7 @@ hr{
 }
 .download-app .links li {
     display: inline-block;
-    padding: 1rem;
+    padding: 0 .5rem;
 }
 #form-login label{
     display:none;
@@ -115,17 +115,13 @@ hr{
 }
 #demo-home{
     text-align: center;
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-    padding: 1rem 0;
 }
 #demo-home .btn-demo{
-    background-color: #96BD0D;
-    border-color:  #96BD0D;
+    background-color: #162a83;
+    border-color:  #162a83;
     text-transform: uppercase;
     font-weight: bold;
     width: 250px;
-    margin-top: 1.5rem;
     padding: 1rem 2rem;
     font-size: 1.6rem;
 }
@@ -133,6 +129,11 @@ hr{
     background-color: #6B1D82;
     border-color: #6B1D82;
 }
+#interaction .panel-default{
+    background-color: #ECECEC;
+    border-radius: 0;
+    border: none;
+}
 #carousel-announcement {
     min-height: auto;
     margin-bottom: 3rem;
@@ -343,7 +344,7 @@ footer #footer_right{
     border: 1px solid #19BF69;
 }
 .demostration{
-    text-align: left;
+    text-align: center;
 }
 .section-title{
     font-size: 18px;
diff --git a/main/template/rainbow/layout/layout_2_col.tpl b/main/template/rainbow/layout/layout_2_col.tpl
index abedc9754a..ee0e028368 100755
--- a/main/template/rainbow/layout/layout_2_col.tpl
+++ b/main/template/rainbow/layout/layout_2_col.tpl
@@ -191,27 +191,36 @@
                             <div class="col-md-6">
                                 <div id="demo-home">
                                     <h2 class="section-title">{{ 'TestDemoTitle' | get_lang  }}  </h2>
-                                    <div class="demostration">
-                                        <a href="{{ _p.web }}web/page-de-dmo-francais" class="btn btn-primary btn-demo">
-                                            {{ 'demo' | get_lang }}
-                                        </a>
+                                    <div class="panel panel-default">
+                                        <div class="panel-body">
+                                            <div class="demostration">
+                                                <a href="{{ _p.web }}web/page-de-dmo-francais" class="btn btn-primary btn-demo">
+                                                    {{ 'demo' | get_lang }}
+                                                </a>
+                                            </div>
+                                        </div>
                                     </div>
                                 </div>
                             </div>
                             <div class="col-md-6">
                                 <div id="download-app" class="download-app">
-                                    <ul class="links">
-                                        <li>
-                                            <a href="https://play.google.com/store/apps/details?id=org.ofaj.parkur" target="_blank">
-                                                <img width="150px" src="{{ _p.web_css_theme }}images/googleplaystore.svg">
-                                            </a>
-                                        </li>
-                                        <li>
-                                            <a href="https://www.apple.com/fr/ios/app-store/" target="_blank">
-                                                <img width="150px" src="{{ _p.web_css_theme }}images/applestore.svg">
-                                            </a>
-                                        </li>
-                                    </ul>
+                                    <h2 class="section-title">{{ 'TestDemoTitle' | get_lang  }}  </h2>
+                                    <div class="panel panel-default">
+                                        <div class="panel-body">
+                                            <ul class="links">
+                                                <li>
+                                                    <a href="https://play.google.com/store/apps/details?id=org.ofaj.parkur" target="_blank">
+                                                        <img width="150px" src="{{ _p.web_css_theme }}images/googleplaystore.svg">
+                                                    </a>
+                                                </li>
+                                                <li>
+                                                    <a href="https://www.apple.com/fr/ios/app-store/" target="_blank">
+                                                        <img width="150px" src="{{ _p.web_css_theme }}images/applestore.svg">
+                                                    </a>
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </div>
                                 </div>
                             </div>
                         </div>