From b98d51397dea5e630b6aa414cd830c5923f5dc70 Mon Sep 17 00:00:00 2001
From: Harrys Ravalomanana <hra@esokia.com>
Date: Wed, 20 Nov 2019 16:37:53 +0400
Subject: [PATCH] PHRAS-2829 #comment lightbox: fix basket display on mobile
 #time 1h

---
 .../www/lightbox/styles/main-mobile.scss      | 15 +++++++++-----
 templates/mobile/lightbox/validate.html.twig  | 20 ++++++++-----------
 2 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/resources/www/lightbox/styles/main-mobile.scss b/resources/www/lightbox/styles/main-mobile.scss
index 44f21f6b64..5f9e33709b 100644
--- a/resources/www/lightbox/styles/main-mobile.scss
+++ b/resources/www/lightbox/styles/main-mobile.scss
@@ -500,15 +500,13 @@ hr {
   padding: 0;
 }
 
-button.confirm_report.ui-button.ui-corner-all.ui-widget {
-  color: #fff;
+button.confirm_report {
+  background: #38c!important;
+  color: #fff!important;
   font-size: 12.5px;
   font-weight: bold;
   padding: 11px;
   display: inline-block;
-  width: auto!important;
-  background: #333;
-  background-image: linear-gradient(#444,#2d2d2d);
   border: 1px solid rgba(255,255,255,.3);
   text-shadow: 0 1px 0 #111;
   border-radius: 16px;
@@ -581,3 +579,10 @@ button.confirm_report.ui-button.ui-corner-all.ui-widget {
 .thumb_wrapper  img.record_image {
   max-width: 100%;
 }
+
+/*header lightbox*/
+.ui-footer .ui-title, .ui-header .ui-title {
+  min-height: 26px;
+  padding: 10px 0;
+}
+
diff --git a/templates/mobile/lightbox/validate.html.twig b/templates/mobile/lightbox/validate.html.twig
index 77030e8f17..d94340024b 100644
--- a/templates/mobile/lightbox/validate.html.twig
+++ b/templates/mobile/lightbox/validate.html.twig
@@ -38,9 +38,6 @@
       {% set basket_length = basket.getElements().count() %}
       {% trans with {'%basket_length%' : basket_length} %}%basket_length% documents{% endtrans %}
     </p>
-
-
-        {% if basket.getValidation() %}
             <div class="report_wrapper">
                 <a id="report_summary" class="report_btn report_summary" href="#" onclick="$.ajax({
             type: 'GET',
@@ -81,18 +78,17 @@
                     {% endfor %}
                 </ul>
             </div>
-        {% endif %}
+        <div class="btn-container">
+            {% if basket.getValidation() and basket.getValidation().getParticipant(app.getAuthenticatedUser()).getCanAgree() %}
+                <button class="confirm_report" style="width:100%;" title="{{ 'validation::envoyer mon rapport' | trans }}">
+                    {{ 'validation::envoyer mon rapport' | trans }}
+                    <img src="/assets/common/images/icons/loader1F1E1B.gif" style="visibility:hidden;" class="loader"/>
+                </button>
+            {% endif %}
+        </div>
     </div>
     <div class="report_list_backup" id="report_list_backup">&nbsp;</div>
     <div class="report_summary_backup " id="report_summary_backup">&nbsp;</div>
-    <div data-role="footer">
-        {% if basket.getValidation() and basket.getValidation().getParticipant(app.getAuthenticatedUser()).getCanAgree() %}
-            <button class="confirm_report" style="width:100%;" title="{{ 'validation::envoyer mon rapport' | trans }}">
-                {{ 'validation::envoyer mon rapport' | trans }}
-                <img src="/assets/common/images/icons/loader1F1E1B.gif" style="visibility:hidden;" class="loader"/>
-            </button>
-        {% endif %}
-  </div>
 </div>
 {% endblock %}