Fixed issue #10993: Alignment of radio buttons

LimeSurvey · Apr 20, 2016 · 059084c · 059084c
1 parent 15aaf75
commit 059084c
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 14 deletions.
diff --git a/application/views/survey/questions/listradio/rows/answer_row.php b/application/views/survey/questions/listradio/rows/answer_row.php
@@ -11,7 +11,7 @@
 ?>
 
 <!-- answer_row -->
-<div id='javatbd<?php echo $myfname; ?>' class='form-group answer-item radio-item radio' <?php echo $sDisplayStyle; ?> >
+<div id='javatbd<?php echo $myfname; ?>' class='col-xs-12 form-group answer-item radio-item radio' <?php echo $sDisplayStyle; ?> >
     <input
         class="radio"
         type="radio"

diff --git a/application/views/survey/questions/listradio/rows/answer_row_noanswer.php b/application/views/survey/questions/listradio/rows/answer_row_noanswer.php
@@ -9,7 +9,7 @@
 ?>
 
 <!-- answer_row_noanswer -->
-<div  class="form-group answer-item radio-item no-anwser-item radio">
+<div  class="col-xs-12 form-group answer-item radio-item no-anwser-item radio">
     <input
     class="radio"
     type="radio"

diff --git a/application/views/survey/questions/listradio/rows/answer_row_other.php b/application/views/survey/questions/listradio/rows/answer_row_other.php
@@ -17,7 +17,7 @@
 ?>
 
 <!-- answer_row_other -->
-<div id='javatbd<?php echo $myfname; ?>' class='form-group answer-item col-xs-12 radio-item other-item other radio' <?php echo $sDisplayStyle; ?> >
+<div id='javatbd<?php echo $myfname; ?>' class='col-xs-12 form-group answer-item radio-item radio' <?php echo $sDisplayStyle; ?> >
     <!-- Checkbox + label -->
     <div class="pull-left othertext-label-checkox-container">
         <input
@@ -39,12 +39,12 @@ class="radio"
              This field is related to the input thanks to attribute aria-labelledby
         -->
         <div class="label-text label-clickable" id="label-SOTH<?php echo $name; ?>">
-                <?php echo $othertext; ?>
+                <?php echo $othertext; ?>&nbsp;
         </div>
     </div>
 
     <!-- comment -->
-    <div class="pull-left">
+    <div class="pull-left ">
         <input
         type="text"
         class="form-control text <?php echo $kpclass; ?> input-sm"

diff --git a/templates/default/css/template.css b/templates/default/css/template.css
@@ -666,26 +666,33 @@ table > tbody > tr > td.ddprefix {
         padding-top: 11px;
     }
 
+    .col-xs-12.question-container {
+        padding-right: 0;
+        padding-left: 0;
+    }
+
 }
 
 /** On small phones, leave some more space */
 @media only screen and (max-width: 400px) {
 
-    .col-sm-12 {
-        padding: 0;
-    }
-
-    .col-xs-12 {
-        padding-right: 0;
-        padding-left: 0;
-    }
-
     .array-by-columns-div .radio-list {
         border: 1px solid #ccc;
         padding: 1em;
         margin: 1em;
     }
 
+    /*
+    .col-sm-12.answer {
+        padding-left: 0;
+        padding-right: 0;
+    }
+    */
+
+    .no-more-tables tbody {
+        padding-left: 0;
+        padding-right: 0;
+    }
 
     /* For yes-no question, shrink the buttons a bit on phone screens */
     .btn-lg, .btn-group-lg label {