css block demo and btn apps - refs BT#15974

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;

main/template/rainbow/layout/layout_2_col.tpl

@@ -191,6 +191,8 @@
                             <div class="col-md-6">
                                 <div id="demo-home">
                                     <h2 class="section-title">{{ 'TestDemoTitle' | get_lang  }}  </h2>
+                                    <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 }}
@@ -198,8 +200,13 @@
                                             </div>
                                         </div>
                                     </div>
+                                </div>
+                            </div>
                             <div class="col-md-6">
                                 <div id="download-app" class="download-app">
+                                    <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">
@@ -215,6 +222,8 @@
                                         </div>
                                     </div>
                                 </div>
+                            </div>
+                        </div>
                     </section>
 
                     {#{% include template ~ "/layout/cms.tpl" %}#}