SAM-3126 Improve the Honor Pledge formatting (sakaiproject#3809)

Make sure the honor pledge is better formatted when the pledge is long and wraps to multiple lines by ensuring the checkbox is always to the left and the text is to the right of that checkbox.
aagrandaz · Jan 27, 2017 · 36cd601 · 36cd601
1 parent 5466613
commit 36cd601
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/samigo/samigo-app/src/webapp/css/tool_sam.css b/samigo/samigo-app/src/webapp/css/tool_sam.css
@@ -1276,3 +1276,12 @@ input[type='reset'].linearButton {
 {
 	margin-top: 10px;
 }
+
+.honor-container {
+	display: table-row;
+}
+
+.honor-container label {
+	display: table-cell;
+	padding-left: .5em;
+}
diff --git a/samigo/samigo-app/src/webapp/jsf/delivery/beginTakingAssessment.jsp b/samigo/samigo-app/src/webapp/jsf/delivery/beginTakingAssessment.jsp
@@ -191,8 +191,8 @@
  <h:panelGroup layout="block" styleClass="honor-container" rendered="#{delivery.honorPledge && delivery.firstTimeTaking}">
 	<h:selectBooleanCheckbox id="honor_pledge" />
 	<h:outputLabel for="honor_pledge" value="#{deliveryMessages.honor_pledge_detail}"/>
-	<h:outputText id="honorPledgeRequired" value="#{deliveryMessages.honor_required}" styleClass="alertMessage" style="display:none"/>
 </h:panelGroup>
+    <h:outputText id="honorPledgeRequired" value="#{deliveryMessages.honor_required}" styleClass="alertMessage" style="display:none"/>
 
 
 <p class="act">