Update log in pages to new layout

app/assets/stylesheets/application.css

@@ -10,7 +10,7 @@
  *= require asciicasts
  *= require pages
  *= require profile
- *= require new-user
+ *= require users
  *= require preview
  *= require player
 */

app/assets/stylesheets/users.sass

@@ -0,0 +1,19 @@
+.new-user
+  .new_user
+    margin-top: 30px
+
+    #user_nickname
+      width: 200px
+
+.returning-user
+  border-left: 1px solid #bbb
+  padding-left: 30px
+
+  ul.login
+    list-style: none
+    padding: 0
+    margin: 20px 0
+
+    li
+      display: inline-block
+      margin-right: 15px

app/views/sessions/new.html.slim

@@ -1,9 +1,8 @@
-section.supplimental
-  .wrapper
+.container
+  .row
+    .col-md-12
       h1 Sign in
 
       p Sign in using your email address by clicking on the button below:
 
       = link_to image_tag('email_sign_in_black.png', :title => "Sign in with your email"), '#', :id => 'persona-button'
-
-  .vertical-expander

app/views/users/new.html.slim

@@ -1,8 +1,7 @@
-section.supplimental
-  .wrapper
-
-    .new-user
-      h2 New user?
+.container
+  .row
+    .col-md-6.new-user
+      h1 New user?
 
       p
         ' Every Asciinema user gets a profile page at
@@ -12,12 +11,15 @@ section.supplimental
           strong username
         ' . Pick a desired username below.
 
-      = simple_form_for @user, :url => user_path do |f|
-        p = f.input :nickname, label: 'Pick a username:', required: true, input_html: { 'data-behavior' => 'focus' }
-        p.actions = f.button :submit, 'Start recording'
+      = form_for @user, url: user_path do |f|
+        .form-group
+          = f.label :nickname, 'Pick a username:'
+          = f.text_field :nickname, required: true, 'class' => 'form-control', 'data-behavior' => 'focus'
+        .form-group
+          = f.submit 'Start recording', class: 'btn btn-primary'
 
-    .returning-user
-      h2 Returning user?
+    .col-md-6.returning-user
+        h1 Returning user?
 
         p
           ' There is no account associated with the email
@@ -34,5 +36,3 @@ section.supplimental
           li = link_to "Sign in via Twitter", twitter_auth_path, :class => 'btn-auth btn-twitter'
 
         p Note: this is one-time task. You won't be asked to do it again.
-
-  .vertical-expander