repositioning layout on getting started

app/views/users/getting_started/1.html.haml

@@ -3,18 +3,19 @@
 -#   the COPYRIGHT file.
 
 
+.span-8.append-1.last
+  %h1{:style => "text-align:right;"}
+    = "Welcome!"
+    .description
+      Do the stuff below to further complete some things.
 
-%h1
-  = "Welcome, #{current_user.real_name}!"
-  .description
-    Do the stuff below to further complete some things.
+  %h3{:style => "text-align:right;"}
+    = link_to "Edit your profile", getting_started_path(1)
+    %br
+    = link_to "Define your aspects", getting_started_path(2)
+    %br
+    = link_to "Find your friends", getting_started_path(3)
 
-%h2
-  %u
-    Edit your profile
-  ➔
-  Define your aspects ➔
-  Find your friends
-
-= render 'users/profile'
+.span-15.last
+  = render 'users/profile'
 

app/views/users/getting_started/2.html.haml

@@ -3,33 +3,34 @@
 -#   the COPYRIGHT file.
 
 
-
-%h1
-  = "Welcome, #{current_user.real_name}!"
-  .description
-    Do the stuff below to further complete some things.
-
-%h2
-  Edit your profile ➔
-  %u
-    Define your aspects
-  ➔
-  Find your friends
-
-%h3
-  Your aspects
-  .description
-    These will be blah blah blah blah and some stuff.
-
-%h4
-  Aspect name
-  = text_field_tag :aspect_name, nil, :placeholder => "New aspect"
-
-%ul.aspects
-  - for aspect in @aspects
-    %li
-      = aspect
-      .friend_pictures.horizontal
-        - for friend in @friends
-          = person_image_link(friend)
+.span-8.append-1.last
+  %h1{:style => "text-align:right;"}
+    = "Welcome!"
+    .description
+      Do the stuff below to further complete some things.
+
+  %h3{:style => "text-align:right;"}
+    = link_to "Edit your profile", getting_started_path(1)
+    %br
+    = link_to "Define your aspects", getting_started_path(2)
+    %br
+    = link_to "Find your friends", getting_started_path(3)
+
+.span-15.last
+  %h3
+    Your aspects
+    .description
+      These will be blah blah blah blah and some stuff.
+
+  %h4
+    Aspect name
+    = text_field_tag :aspect_name, nil, :placeholder => "New aspect"
+
+  %ul.aspects
+    - for aspect in @aspects
+      %li
+        = aspect
+        .friend_pictures.horizontal
+          - for friend in @friends
+            = person_image_link(friend)
 

app/views/users/getting_started/3.html.haml

@@ -4,33 +4,36 @@
 
 
 
-%h1
-  = "Welcome, #{current_user.real_name}!"
-  .description
-    Do the stuff below to further complete some things.
-
-%h2
-  Edit your profile ➔
-  Define your aspects ➔
-  %u
-    Find your friends
-
-%h3
-  Your friends
-  .description
-    Find your friends on Diaspora, Facebook, or send them an invite via email.
-
-.span-5
-  %h4
-    On Diaspora
-    = text_field_tag :diaspora_handle, nil, :placeholder => "Diaspora handle"
-
-.span-5
-  %h4
-    On Facebook
-    = text_field_tag :facebook_handle, nil, :placeholder => "Name"
-
-.span-5
-  %h4
-    Invite
-    = text_field_tag :email, nil, :placeholder => "Email", :type => "email"
+.span-8.append-1.last
+  %h1{:style => "text-align:right;"}
+    = "Welcome!"
+    .description
+      Do the stuff below to further complete some things.
+
+  %h3{:style => "text-align:right;"}
+    = link_to "Edit your profile", getting_started_path(1)
+    %br
+    = link_to "Define your aspects", getting_started_path(2)
+    %br
+    = link_to "Find your friends", getting_started_path(3)
+
+.span-15.last
+  %h3
+    Your friends
+    .description
+      Find your friends on Diaspora, Facebook, or send them an invite via email.
+
+  .span-5.last
+    %h4
+      On Diaspora
+      = text_field_tag :diaspora_handle, nil, :placeholder => "Diaspora handle"
+
+  .span-5.last
+    %h4
+      On Facebook
+      = text_field_tag :facebook_handle, nil, :placeholder => "Name"
+
+  .span-5.last
+    %h4
+      Invite
+      = text_field_tag :email, nil, :placeholder => "Email", :type => "email"

public/stylesheets/sass/application.sass

@@ -1259,7 +1259,6 @@ ul.aspects
   :margin 0
   :padding 0
   :list-style none
-  :width 67%
   :color #999
   :font
     :size 24px