- packages updated

- porting to bootstrap 4

views/account/profile.pug

@@ -3,20 +3,21 @@ extends ../layout
 block content
   .page-header
     h3 Profile Information
+    hr
 
   form.form-horizontal(action='/account/profile', method='POST')
     input(type='hidden', name='_csrf', value=_csrf)
-    .form-group
-      label.col-sm-3.control-label(for='email') Email
+    .form-group.row.justify-content-md-center
+      label.col-sm-3.col-form-label.text-right.font-weight-bold(for='email') Email
       .col-sm-7
         input.form-control(type='email', name='email', id='email', value=user.email)
-    .form-group
-      label.col-sm-3.control-label(for='name') Name
+    .form-group.row.justify-content-md-center
+      label.col-sm-3.col-form-label.text-right.font-weight-bold(for='name') Name
       .col-sm-7
         input.form-control(type='text', name='name', id='name', value=user.profile.name)
-    .form-group
-      label.col-sm-3.control-label Gender
-      .col-sm-6
+    .form-group.row.justify-content-md-center
+      label.col-sm-3.col-form-label.text-right.font-weight-bold Gender
+      .col-sm-7
         label.radio.col-sm-3
           input(type='radio', checked=user.profile.gender=='male', name='gender', value='male', data-toggle='radio')
           span Male
@@ -26,60 +27,63 @@ block content
         label.radio.col-sm-3
           input(type='radio', checked=user.profile.gender=='other', name='gender', value='other', data-toggle='radio')
           span Other
-    .form-group
-      label.col-sm-3.control-label(for='location') Location
+    .form-group.row.justify-content-md-center
+      label.col-sm-3.col-form-label.text-right.font-weight-bold(for='location') Location
       .col-sm-7
         input.form-control(type='text', name='location', id='location', value=user.profile.location)
-    .form-group
-      label.col-sm-3.control-label(for='website') Website
+    .form-group.row.justify-content-md-center
+      label.col-sm-3.col-form-label.text-right.font-weight-bold(for='website') Website
       .col-sm-7
         input.form-control(type='text', name='website', id='website', value=user.profile.website)
-    .form-group
-      label.col-sm-3.control-label Gravatar
-      .col-sm-4
+    .form-group.row.justify-content-md-center
+      label.col-sm-3.col-form-label.text-right.font-weight-bold Gravatar
+      .col-sm-7
         img(src=user.gravatar(), class='profile', width='100', height='100', alt=((user.profile.name || user.email || user.id)))
-    .form-group
-      .col-sm-offset-3.col-sm-4
+    .form-group.row.justify-content-md-center
+      .col-sm-4
         button.btn.btn.btn-primary(type='submit')
           i.fa.fa-pencil
           | Update Profile
 
   .page-header
     h3 Change Password
+    hr
 
   form.form-horizontal(action='/account/password', method='POST')
     input(type='hidden', name='_csrf', value=_csrf)
-    .form-group
-      label.col-sm-3.control-label(for='password') New Password
+    .form-group.row.justify-content-md-center
+      label.col-sm-3.col-form-label.text-right.font-weight-bold(for='password') New Password
       .col-sm-7
         input.form-control(type='password', name='password', id='password')
-    .form-group
-      label.col-sm-3.control-label(for='confirmPassword') Confirm Password
+    .form-group.row.justify-content-md-center
+      label.col-sm-3.col-form-label.text-right.font-weight-bold(for='confirmPassword') Confirm Password
       .col-sm-7
         input.form-control(type='password', name='confirmPassword', id='confirmPassword')
-    .form-group
-      .col-sm-offset-3.col-sm-4
+    .form-group.row.justify-content-md-center
+      .col-sm-4
         button.btn.btn-primary(type='submit')
           i.fa.fa-lock
           | Change Password
 
   .page-header
     h3 Delete Account
+    hr
 
   form.form-horizontal(action='/account/delete', method='POST')
-    .form-group
-      p.col-sm-offset-3.col-sm-4 You can delete your account, but keep in mind this action is irreversible.
+    .form-group.row.justify-content-md-center
+      p.offset-sm-3.col-sm-7 You can delete your account, but keep in mind this action is irreversible.
       input(type='hidden', name='_csrf', value=_csrf)
-      .col-sm-offset-3.col-sm-4
+      .col-sm-4
         button.btn.btn-danger(type='submit')
           i.fa.fa-trash
           | Delete my account
 
   .page-header
     h3 Linked Accounts
+    hr
   .form-horizontal
-    .form-group
-      .col-sm-offset-3.col-sm-4
+    .form-group.row.justify-content-md-center
+      .offset-sm-3.col-sm-7
         if user.facebook
           p: a.text-danger(href='/account/unlink/facebook') Unlink your Facebook account
         else