3 files changed, 59 insertions, 2 deletions
diff --git a/web/cobrands/borsetshire/base.scss b/web/cobrands/borsetshire/base.scss
index f5113e0be..ab74f59c7 100644
--- a/web/cobrands/borsetshire/base.scss
+++ b/web/cobrands/borsetshire/base.scss
@@ -63,3 +63,32 @@
         text-decoration: underline;
     }
 }
+
+body.authpage {
+    .content {
+        max-width: 27em;
+        margin-#{$left}: auto;
+        margin-#{$right}: auto;
+    }
+}
+
+#demo-user-list {
+    @include list-reset-soft();
+    border-bottom: 1px solid #eee;
+    margin-bottom: 2em;
+
+    li {
+        margin: 2em 0;
+    }
+
+    button {
+        width: 100%;
+    }
+
+    span {
+        color: #666;
+        font-size: (14em / 16);
+        display: block;
+        margin-top: 0.5em;
+    }
+}
diff --git a/web/cobrands/borsetshire/js.js b/web/cobrands/borsetshire/js.js
index 9fdb3e31b..6799ff5e3 100644
--- a/web/cobrands/borsetshire/js.js
+++ b/web/cobrands/borsetshire/js.js
@@ -11,9 +11,9 @@
         }
     }
 
-    $('#demo-user-list dt').click(function(){
+    $('#demo-user-list button').click(function(){
         var form = document.forms.general_auth;
-        form.username.value = $(this).text();
+        form.username.value = $(this).data('email');
         form.password_sign_in.value = 'password';
         set_redirect(form);
         form.submit();
diff --git a/web/cobrands/borsetshire/layout.scss b/web/cobrands/borsetshire/layout.scss
index 6aa7f5801..3f056a385 100644
--- a/web/cobrands/borsetshire/layout.scss
+++ b/web/cobrands/borsetshire/layout.scss
@@ -54,3 +54,31 @@
         }
     }
 }
+
+body.authpage {
+    .content {
+        width: auto;
+        max-width: 30em;
+    }
+
+    input {
+        max-width: none;
+    }
+}
+
+#demo-user-list {
+    li {
+        @include clearfix();
+    }
+
+    button {
+        float: left;
+        width: 40%;
+    }
+
+    span {
+        float: right;
+        width: 55%;
+        margin-top: 0;
+    }
+}