From 2475825c9b5b3b64dbf2f9652f5b6d8ec767b960 Mon Sep 17 00:00:00 2001
From: Sahat Yalkabov <sakhat@gmail.com>
Date: Thu, 6 Feb 2014 04:40:13 -0500
Subject: [PATCH] Responsive forms on User profile page. Fixes #58.

---
 views/account/profile.jade | 36 ++++++++++++++++++------------------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/views/account/profile.jade b/views/account/profile.jade
index 6e93e9bf36..b00cd9dcf9 100644
--- a/views/account/profile.jade
+++ b/views/account/profile.jade
@@ -6,16 +6,16 @@ block content
 
   form.form-horizontal(action='/account/profile', method='POST')
     .form-group
-      label.col-xs-2.control-label(for='email') Email
-      .col-xs-4
+      label.col-sm-2.control-label(for='email') Email
+      .col-sm-4
         input.form-control(type='email', name='email', id='email', value='#{user.email}')
     .form-group
-      label.col-xs-2.control-label(for='name') Name
-      .col-xs-4
+      label.col-sm-2.control-label(for='name') Name
+      .col-sm-4
         input.form-control(type='text', name='name', id='name', value='#{user.profile.name}')
     .form-group
-      label.col-xs-2.control-label(for='gender') Gender
-      .col-xs-4
+      label.col-sm-2.control-label(for='gender') Gender
+      .col-sm-4
         label.radio
           input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio')
           span Male
@@ -23,21 +23,21 @@ block content
           input(type='radio', checked=user.profile.gender=='female', name='gender', value='female', data-toggle='radio')
           span Female
     .form-group
-      label.col-xs-2.control-label(for='location') Location
-      .col-xs-4
+      label.col-sm-2.control-label(for='location') Location
+      .col-sm-4
         input.form-control(type='text', name='location', id='location', value='#{user.profile.location}')
     .form-group
-      label.col-xs-2.control-label(for='website') Website
-      .col-xs-4
+      label.col-sm-2.control-label(for='website') Website
+      .col-sm-4
         input.form-control(type='text', name='website', id='website', value='#{user.profile.website}')
     .form-group
-      label.col-xs-2.control-label(for='gravatar') Gravatar
-      .col-xs-4
+      label.col-sm-2.control-label(for='gravatar') Gravatar
+      .col-sm-4
         img(src="#{user.gravatar()}", class='profile', width='100', height='100')
     .form-group
       input.form-control(type='hidden', name='_csrf', value=token)
     .form-group
-      .col-xs-offset-2.col-xs-4
+      .col-sm-offset-2.col-sm-4
         button.btn.btn.btn-primary(type='submit')
           i.fa.fa-magnet
           | Update Profile
@@ -48,17 +48,17 @@ block content
 
   form.form-horizontal(action='/account/password', method='POST')
     .form-group
-      label.col-xs-3.control-label(for='password') New Password
-      .col-xs-4
+      label.col-sm-3.control-label(for='password') New Password
+      .col-sm-4
         input.form-control(type='password', name='password', id='password')
     .form-group
-      label.col-xs-3.control-label(for='confirmPassword') Confirm Password
-      .col-xs-4
+      label.col-sm-3.control-label(for='confirmPassword') Confirm Password
+      .col-sm-4
         input.form-control(type='password', name='confirmPassword', id='confirmPassword')
     .form-group
         input.form-control(type='hidden', name='_csrf', value=token) 
     .form-group
-      .col-xs-offset-3.col-xs-4
+      .col-sm-offset-3.col-sm-4
         button.btn.btn.btn-primary(type='submit')
           i.fa.fa-keyboard-o
           | Change Password