updated Next Step button style; refs #41

joelmahoney · Nov 25, 2014 · 93ef209 · 93ef209
1 parent ab219c8
commit 93ef209
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 14 deletions.
diff --git a/app/assets/stylesheets/partials/_layout-models.scss b/app/assets/stylesheets/partials/_layout-models.scss
@@ -34,14 +34,14 @@ body {
 		color: #FFF;
 		text-decoration: none;
 		transition: all 250ms ease;
+		@include clearfix;
 		&:hover { 
 			background: $orange; 
-			&:after {
+			.arrow {
 				border-left-color: $orange;
 			}
 		}
-		&:after {
-			content: "";
+		.arrow {
 			position: absolute;
 			left: 100%;
 			top: 0;
@@ -50,15 +50,19 @@ body {
 			border-bottom: 19px solid rgba(0, 0, 0, 0);
 			transition: all 250ms ease;
 		}
-
+		.next,
+		.text {
+			display: block;
+			box-sizing: border-box;
+			float: left;
+			padding: 11px 15px;
+		}
 		.next {
 			background: $blue;
-			padding: 11px 15px;
-			float: left;
+			text-align: center;
 		}
 		.text {
-			padding: 11px 15px;
-			float: left;
+
 		}
 	}
 }

diff --git a/app/assets/stylesheets/partials/media-queries/_medium.scss b/app/assets/stylesheets/partials/media-queries/_medium.scss
@@ -48,14 +48,14 @@
 		display: block;
 		margin: 12px 0;
 
-		.next, .text {
-			display: inline-block;
-			float: none;
+		.next,
+		.text {
+			width: 50%;
+			text-align: center;
 		}
 		.next {
 			background: $light_blue;
 			color: $dark_blue;
-			width: 9%;
 		}
 	}
 

diff --git a/app/assets/stylesheets/partials/media-queries/_small.scss b/app/assets/stylesheets/partials/media-queries/_small.scss
@@ -616,6 +616,12 @@
   .timeline_menu nav.menu_nav ul li.register {
     margin-left: 0;
   }
+
+	.wrap .next_step {		
+		.next { width: 25%; }
+		.text { width: 75%; }
+	}
+
 
 	.search .user_lists { width: 100%; }
 	.search .user_lists li { margin-right: 35px; }

diff --git a/app/views/schools/compare.html.haml b/app/views/schools/compare.html.haml
@@ -14,8 +14,8 @@
 		%span.next
 			= 'Next'
 		%span.text
-			= 'Step 3 - Compare & Rank'
-
+			= 'Step 4 - Get Ready!'
+		%span.arrow
 
 
 	.result.clearfix

diff --git a/app/views/schools/index.html.haml b/app/views/schools/index.html.haml
@@ -15,6 +15,8 @@
 			= 'Next'
 		%span.text
 			= 'Step 3 - Compare & Rank'
+		%span.arrow
+
 
 
 	.result