From 097c1759a1871a1bbbabe4ea6d3e6cd37ce679a5 Mon Sep 17 00:00:00 2001
From: Denis Chenu <denis@sondages.pro>
Date: Tue, 8 Nov 2016 01:39:15 +0100
Subject: [PATCH] Dev: fixed issue #11881: Mobile view: array questions, label
 centered Dev: fixed issue #11880: Mobile view: multiple paddings in collapsed
 arrays

---
 templates/default/css/template-core.css | 20 +++++++++-----------
 templates/default/css/template.css      | 19 ++++++++-----------
 2 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/templates/default/css/template-core.css b/templates/default/css/template-core.css
index 5a989f9127c..61ce19c05cd 100644
--- a/templates/default/css/template-core.css
+++ b/templates/default/css/template-core.css
@@ -43,17 +43,15 @@ li.radio-item,li.checkbox-item{display:block}
 /* We have some settings to set width of the table : use it */
 table.ls-answers{table-layout:fixed}
 table.ls-answers{width:100%}
-/* Basic alignment */
-.ls-answers > tbody > tr > td
-{vertical-align:middle}
-.ls-answers > tbody > tr > td
-{text-align:center}
-.ls-answers > tbody > tr > td .form-control /* for .form-control[size] */
-{margin-left:auto;margin-right:auto}/* display:inline-block is OK too */
-.ls-answers > tbody > tr > th
-{text-align:right;vertical-align:middle}
-.ls-answers .ls-heading > th
-{text-align:center;vertical-align:bottom}
+/* Basic alignment forced vertical due to bs*/
+.ls-answers > tbody > tr > td{vertical-align:middle}
+.ls-answers > tbody > tr > th{vertical-align:middle}
+.ls-answers .ls-heading > th{vertical-align:bottom}/* class replace multiple tag */
+/* Basic alignment base horizontal due to no-more-table*/
+.ls-answers tbody td{text-align:center}
+.ls-answers td .form-control{margin-left:auto;margin-right:auto} /* for .form-control[size] *//* display:inline-block is OK too */
+.ls-answers th{text-align:right;}
+.ls-answers .ls-heading th{text-align:center;}
 
 .ls-answers tbody .answertext{text-align:right}
 .ls-answers .answertextright{text-align:left}
diff --git a/templates/default/css/template.css b/templates/default/css/template.css
index b5279a1a39f..d571cdedf6b 100644
--- a/templates/default/css/template.css
+++ b/templates/default/css/template.css
@@ -13,7 +13,7 @@ body
 }
 
 /* specific for survey listing */
-@media (min-width: 768px) {
+@media (min-width: 761px) {
   .surveys-list .btn-group {
     width: 50%;
   }
@@ -321,7 +321,7 @@ table > tbody > tr > td.ddprefix {
 /**
  * On big screen only, iPad and up
  */
-@media only screen and (min-width: 768px) {
+@media only screen and (min-width: 761px) {
 
     .table-dual-scale .separator {
         width: 6%;
@@ -375,24 +375,21 @@ only screen and (max-width: 760px),
         margin-bottom: 15px;
     }
 
-    table.ls-answers  tbody {
-        padding: 0 1em 0 1em;
+    table.ls-answers tbody {
+        padding: 0;
     }
 
-    table.ls-answers tr{
+    table.ls-answers  tr{
         border: 1px solid #ccc;
-        padding: 1em;
+        padding: 0;
+        margin-bottom:1em;
     }
 
     /* Line header ; color is h4 color */
     table.ls-answers tr th {
         font-size: 1.1em;
-        text-align: center;
-        color: #317eac;
-    }
-
-    table.ls-answers tr th {
         text-align: left;
+        color: #317eac;
     }
 
     .array-by-columns .answertext {