RE-#12: Edit CSS Styling

Edit CSS styling per standup feedback this morning. Changes: * Decrease size of checkmark after submitting * 'Choose as many as you like' message for type of work field should be same CSS styling as the rest of the instructions Signed-off-by: Briana Vecchione <[email protected]>
MicrosoftTCE · Nov 23, 2016 · 1f1a56e · 1f1a56e
1 parent 632eb1c
commit 1f1a56e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 5 deletions.
diff --git a/css/checkin.css b/css/checkin.css
@@ -93,6 +93,10 @@ h2{
 	padding-right: inherit;
 }
 
+h2.confirm-checkin {
+	padding-right: 5em;
+}
+
 h3, label{
 	color: #727272;
 	font-size: 1em;
@@ -110,6 +114,15 @@ p {
 	display: inherit !important;
 }
 
+img {
+	padding-right: 5em;
+	width: 80%;
+}
+
+span {
+	font-size: 0.8em;
+}
+
 .guestType label {
 	padding-left: 3em;
 	padding-bottom: 1em;
@@ -378,9 +391,10 @@ a.ng-scope.ng-binding {
 
 #worktypemsg {
 	padding: 5px 0px;
-	color: #66ad1c;
-	font-style: italic;
+	color: #737373;
 	font-size: 0.8em;
+	font: inherit;
+	font-weight: 100;
 }
 
 #newmembermsg {

diff --git a/modules/main/main.controller.js b/modules/main/main.controller.js
@@ -37,7 +37,7 @@
 
             main.showSecondPart = false;
 
-            //to edit css saving
+            //change to T to edit confirm-checkin
             main.isSaving = false;
 
             main.entities = [];

diff --git a/modules/main/main.template.html b/modules/main/main.template.html
@@ -143,7 +143,7 @@ <h1>Check-In to Civic Hall</h1>
                        ng-enter-blur='{{editEntity.locations}}'
                        id="location">
 
-                <div class='work-type'><label>What type of work does your organization
+                <div class='work-type'><label>What type of work do you
                     do?</label><br>
                     <div id='worktypemsg'><span>Choose as many as you like.</span></div>
                     <div class='workType' ng-repeat='category in editCategories'>
@@ -214,7 +214,7 @@ <h1>Check-In to Civic Hall</h1>
                  ng-if="main.isSaving">
                 <img src="/img/greenchecked.png" alt="success">
                 <br>
-                <h2>You're checked in!</h2>
+                <h2 class='confirm-checkin'>You're checked in!</h2>
                 <!--<h3>Go to civicgraph.io to view and edit your network!</h3>-->
             </div>
         </div>