Edit CSS

Changes: * Replace guestType radio input with label to match org radio styling * Center confirmation checkin screen Signed-off-by: Briana Vecchione <[email protected]>
MicrosoftTCE · Nov 23, 2016 · 632eb1c · 632eb1c
1 parent 8816577
commit 632eb1c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 12 deletions.
diff --git a/css/checkin.css b/css/checkin.css
@@ -111,7 +111,7 @@ p {
 }
 
 .guestType label {
-	padding-left: 5em;
+	padding-left: 3em;
 	padding-bottom: 1em;
 }
 
@@ -193,6 +193,13 @@ div.top-banner p {
     vertical-align:middle;
 /*    text-align:center;
 */}
+
+div#step3 {
+	width: initial;
+	padding: 0;
+	padding-bottom: 6em;
+}
+
 button{
 	margin: 4% 0% 4%;
 	background-color:  #66ad1c;
@@ -227,6 +234,10 @@ button.civicgraph-save {
 	width: 100%;
 }
 
+input#cb1, input#cb2, input#cb3, input#member, input#guest {
+	display: none !important;
+}
+
 input[type='text']{
 	border: 1px solid #DDDDDD;
     height: 40px;

diff --git a/modules/main/main.template.html b/modules/main/main.template.html
@@ -67,8 +67,6 @@ <h1>Check-In to Civic Hall</h1>
 
             <!--Member vs. Guests-->
             <div class="guestType">
-                <label for="member">
-
                     <br>
 
                     <input id="member"
@@ -77,23 +75,19 @@ <h1>Check-In to Civic Hall</h1>
                            ng-value="false"
                            ng-change="main.updateMemberStatus();"
                            name="string"
-                           class="radio3 for-profit-background"
-                    />
+                           class="radio3 non-profit-background"
+                    /><label for="member">
                     Member
                 </label>
 
-                <label for="guest">
-
-                    <br>
-
                     <input id="guest"
                            type="radio"
                            ng-model="editEntity.isGuest"
                            ng-value="true"
                            ng-change="main.updateMemberStatus();"
                            name="string"
-                           class="radio3 for-profit-background"
-                    />
+                           class="radio3 non-profit-background"
+                    /><label for="guest">
                     Guest
                 </label>
 
@@ -221,7 +215,7 @@ <h1>Check-In to Civic Hall</h1>
                 <img src="/img/greenchecked.png" alt="success">
                 <br>
                 <h2>You're checked in!</h2>
-                <h3>Go to civicgraph.io to view and edit your network!</h3>
+                <!--<h3>Go to civicgraph.io to view and edit your network!</h3>-->
             </div>
         </div>
     </form>