From f918352f71c4ebe550a3064773ec7fe745615060 Mon Sep 17 00:00:00 2001
From: David Craig <david@silverstripe.com>
Date: Fri, 14 Aug 2015 10:45:25 +1200
Subject: [PATCH] Minor styling improvements

---
 css/UserForm.css   | 11 ++++++++---
 scss/UserForm.scss | 32 ++++++++++++++++++++------------
 2 files changed, 28 insertions(+), 15 deletions(-)

diff --git a/css/UserForm.css b/css/UserForm.css
index 612f290..e9d0c47 100644
--- a/css/UserForm.css
+++ b/css/UserForm.css
@@ -6,7 +6,7 @@
   height: 1em;
   background: #eee;
 }
-.userform-progress .progress .progress-bar {
+.userform-progress .progress-bar {
   position: absolute;
   height: 1em;
   background: #666;
@@ -15,10 +15,13 @@
   margin-left: 0;
   position: relative;
 }
-.userform-progress .step-buttons .step-button-wrapper {
+.userform-progress .step-button-wrapper {
   display: inline-block;
   list-style-type: none;
 }
+.userform-progress .step-button-wrapper.current .step-button-jump {
+  background: #666;
+}
 .userform-progress .step-button-jump {
   position: absolute;
   top: 0;
@@ -27,11 +30,13 @@
 .step-navigation .step-buttons {
   margin-left: 0;
 }
-.step-navigation .step-buttons .step-button-wrapper {
+.step-navigation .step-button-wrapper {
   display: inline-block;
   list-style-type: none;
 }
 
 .userform {
   clear: both;
+  width: 100%;
+  max-width: 100%;
 }
diff --git a/scss/UserForm.scss b/scss/UserForm.scss
index 5842929..64d4b01 100644
--- a/scss/UserForm.scss
+++ b/scss/UserForm.scss
@@ -7,21 +7,27 @@
 		position: relative;
 		height: 1em;
 		background: #eee;
+	}
 
-		.progress-bar {
-			position: absolute;
-			height: 1em;
-			background: #666;
-		}
+	.progress-bar {
+		position: absolute;
+		height: 1em;
+		background: #666;
 	}
 
 	.step-buttons {
 		margin-left: 0;
 		position: relative;
+	}
 
-		.step-button-wrapper {
-			display: inline-block;
-			list-style-type: none;
+	.step-button-wrapper {
+		display: inline-block;
+		list-style-type: none;
+
+		&.current {
+			.step-button-jump {
+				background: #666;
+			}
 		}
 	}
 
@@ -34,14 +40,16 @@
 .step-navigation {
 	.step-buttons {
 		margin-left: 0;
+	}
 
-		.step-button-wrapper {
-			display: inline-block;
-			list-style-type: none;
-		}
+	.step-button-wrapper {
+		display: inline-block;
+		list-style-type: none;
 	}
 }
 
 .userform {
 	clear: both;
+	width: 100%;
+	max-width: 100%;
 }