From 8df175b9e56f26407648815ede0535d3c7ab0487 Mon Sep 17 00:00:00 2001
From: Lloyd Wheeler <ltwheeler@ucdavis.edu>
Date: Fri, 1 Dec 2017 10:24:51 -0800
Subject: [PATCH] StudentSupportCallForm: confirm eligibility module now uses
 reusable components #1450

---
 .../confirmEligible/confirmEligible.css           |  6 +++---
 .../confirmEligible/confirmEligible.html          | 15 +++++++--------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/app/instructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.css b/app/instructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.css
index bc927be2b..6a96a6702 100644
--- a/app/instructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.css
+++ b/app/instructionalSupport/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;	
 }
\ No newline at end of file
diff --git a/app/instructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.html b/app/instructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.html
index fd962daa5..eeef41f24 100644
--- a/app/instructionalSupport/studentSupportCallForm/directives/confirmEligible/confirmEligible.html
+++ b/app/instructionalSupport/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>
\ No newline at end of file