OO-1068: fix small css glitches in QTI runtime

src/main/java/org/olat/ims/qti/container/qtielements/Response_label.java

@@ -114,13 +114,13 @@ public class Response_label extends GenericQTIElement {
 				
 			} else {
 				// render as input string
-				buffer.append("&nbsp;<input id=\"QTI_").append(getQTIIdent()).append("\" name=\"");
+				buffer.append("<span> </span><input id=\"QTI_").append(getQTIIdent()).append("\" name=\"");
 				appendParameterIdent(buffer, ri);
 				buffer.append("\" type=\"text\" size=\"").append(columns).append("\" maxlength=\"").append(maxlength);
 				if (iinput != null && !iinput.isEmpty() && iinput.getSingle(responseIdent) != null) {
 					buffer.append("\" value=\"").append(iinput.getSingle(getQTIIdent())); //TODO: LD: must this value be escapeHtml?					
 				}
-				buffer.append("\" onchange=\"return setFormDirty('ofo_iq_item')\" onclick=\"return setFormDirty('ofo_iq_item')\" />&nbsp;");
+				buffer.append("\" onchange=\"return setFormDirty('ofo_iq_item')\" onclick=\"return setFormDirty('ofo_iq_item')\" /><span> </span>");
 			}
 			addBr(ri, buffer);
 		}

src/main/java/org/olat/modules/iq/IQComponentRenderer.java

@@ -220,7 +220,7 @@ public class IQComponentRenderer implements ComponentRenderer {
 			}
 			
 			sb.append("<div class=\"row\">");
-			sb.append("<div class='col-sm-offset-1 col-sm-3'>");
+			sb.append("<div class='o_button_group'>");
 			
 			sb.append("<input class=\"btn btn-primary\" type=\"submit\" name=\"olat_fosm\" value=\"");
 			if (ai.isSectionPage())

src/main/java/org/olat/modules/iq/_content/qti.html

@@ -28,8 +28,9 @@ function confirmSuspend() {
 </script>
 
 <div id="o_qti_run" class="#if($qtistatus.isSurvey())o_qti_survey #else o_qti_test #end clearfix">
-	<div id="o_qti_run_title">
-		<div class="pull-right">
+	<div id="o_qti_run_title" class="o_header_with_buttons">
+		<h3>$qtistatus.getTitle()</h3>
+		<div class="o_button_group o_button_group_right">
   	#if ($qtistatus.isOpen())
 		#if ($qtistatus.isSurvey())
 			<a class="btn btn-default #if($allQuestionsAnswered) o_button_dirty #end" href="$r.commandURI("sas")" onclick="{if (o2cl()) return confirmSubmit(); else return false;}"><span>$r.translate("submitSurvey")</span></a>
@@ -52,7 +53,6 @@ function confirmSuspend() {
 		$r.render("close")
  	#end
  		</div>
-		<h3>$qtistatus.getTitle()</h3>
   	</div>
 
 	<div id="o_qti_run_score">

src/main/java/org/olat/modules/iq/_content/result.html

 <div id="o_qti_run" class="#if($qtistatus.isSurvey())o_qti_survey #else o_qti_test #end clearfix">
-	<div id="o_qti_run_title">
+	<div id="o_qti_run_title" class="o_header_with_buttons">
+		<h3>$qtistatus.getTitle()</h3>
 		#if(!$qtistatus.isPreview())
-		<div class="pull-right">
+		<div class="o_button_group o_button_group_right">
 			$r.render("close")
 		</div>
   		#end
-		<h3>$qtistatus.getTitle()</h3>
   	</div>
   
 	#if (!$qtistatus.isSurvey() && $displayScoreProgress)

src/main/webapp/static/themes/light/modules/_qti.scss

@@ -6,6 +6,10 @@ td.o_qti_item_kprim_input, th.o_qti_item_kprim_input {
 	text-align:center;
 }
 
+.o_qti_item_mattext {
+	line-height:2.5em;
+}
+
 div.o_qti_item_itemfeedback {
 	@extend %o_info;
 	background-color: #ffffff;