Dev: fixed issue #11881: Mobile view: array questions, label centered

Dev: fixed issue #11880: Mobile view: multiple paddings in collapsed arrays
LimeSurvey · Nov 8, 2016 · 097c175 · 097c175
1 parent 9ce7063
commit 097c175
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 22 deletions.
diff --git 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
@@ -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 {