StudentSupportCallForm: confirm eligibility module now uses reusable …

…components #1450
ucdavis · Dec 1, 2017 · 8df175b · 8df175b
1 parent 8feed69
commit 8df175b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 11 deletions.
diff --git a/...nstructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.css b/...nstructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.css
@@ -12,7 +12,7 @@
 }
 
 .confirm-eligible__main {
-	flex: 30 0 0px;
+	flex: 25 0 0px;
 	display: flex;
 	flex-flow:column;
 	align-items: flex-start;
@@ -29,6 +29,6 @@
 	justify-content: center;
 }
 
-.confirm-eligible__checkbox-input {
-	height: 18px;
+.confirm-eligible__label {
+	padding-left: 5px;	
 }
diff --git a/...structionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.html b/...structionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.html
@@ -12,15 +12,14 @@
 		</div>
 	</div>
 
+
 	<div class="confirm-eligible__checkbox">
-		<div class="checkbox" ng-click="toggleEligibilityConfirmed()">
-			<div class="checkbox-replace color-primary neon-cb-replacement confirm-eligible__checkbox-input"
-				ng-class="{ 'checked': supportCallResponse.eligibilityConfirmed }">
-				<label class="cb-wrapper">
-					<div class="checked"></div>
-				</label>
-				<label>Confirm Eligibility</label>
-			</div>
+		<ipa-checkbox
+			is-checked="supportCallResponse.eligibilityConfirmed"
+			click-action="toggleEligibilityConfirmed()">
+		</ipa-checkbox>
+		<div class="confirm-eligible__label">
+			Confirm Eligibility
 		</div>
 	</div>
 </div>