Dev: fixed issue #11855: Bad alignment of icon and text for question-…

…help
LimeSurvey · Nov 2, 2016 · 19e2d23 · 19e2d23
1 parent 701dd7a
commit 19e2d23
Show file tree

Hide file tree

Showing 2 changed files with 29 additions and 1 deletion.
diff --git a/application/views/survey/system/questionhelp/questionhelp.php b/application/views/survey/system/questionhelp/questionhelp.php
@@ -6,6 +6,5 @@
 ?>
 <!-- views/survey/system/questionhelp -->
 <div class="ls-questionhelp">
-    <span class="fa fa-question-circle pull-left" aria-hidden="true"></span>
     <?php echo $questionHelp; ?>
 </div>
diff --git a/templates/default/css/template.css b/templates/default/css/template.css
@@ -58,6 +58,35 @@ padding-top:1em;padding-bottom:1em;
 }
 .top-container .form-change-lang {text-align:center}
 
+/**
+ * Question part
+ */
+.ls-questionhelp{position: relative;}
+.dir-ltr .ls-questionhelp{margin-left:1.2em;}
+.dir-rtl .ls-questionhelp{margin-right:1.2em;}
+
+.ls-questionhelp:before{content:"\f059"}
+.ls-questionhelp:before {
+    display: block;
+    position:absolute;
+    font-family: FontAwesome;
+    font-size: inherit;
+    line-height: inherit;
+    height:100%;
+}
+/* If you want to center the icon */
+/*
+.ls-questionhelp:before {
+    top:50%;
+    margin-top:-0.7em;
+}
+*/
+.dir-ltr .ls-questionhelp:before {
+    left:-1.1em;
+}
+.dir-rtl .ls-questionhelp:before {
+    right:0;
+}
  /**
  * Navigator
  */