Make forms responsive

app/assets/stylesheets/asciicasts.sass

@@ -110,10 +110,3 @@
 
       h2
         font-size: 20px
-
-.asciicast-settings
-  form
-    .form-group
-      > div
-        width: 500px
-

app/assets/stylesheets/users.sass

@@ -5,12 +5,6 @@
     #user_username
       width: 200px
 
-.account-settings
-  form
-    .form-group
-      > div
-        width: 500px
-
 .returning-user
   border-left: 1px solid #bbb
   padding-left: 30px

app/views/asciicasts/edit.html.slim

@@ -1,10 +1,12 @@
-.container.asciicast-settings
+.container
-  = horizontal_form_for @asciicast do |f|
+  .row
-    legend Asciicast properties
+    .col-md-9
+      = horizontal_form_for @asciicast do |f|
+        legend Asciicast properties
 
-    = f.input :title
+        = f.input :title
-    = f.input :description, as: :text, input_html: { rows: 10 }, hint: 'Parsed with <a href="http://github.github.com/github-flavored-markdown/" target="_blank">GitHub Flavored Markdown</a>'.html_safe
+        = f.input :description, as: :text, input_html: { rows: 10 }, hint: 'Parsed with <a href="http://github.github.com/github-flavored-markdown/" target="_blank">GitHub Flavored Markdown</a>'.html_safe
-    = f.input :theme_name, label: 'Terminal theme', collection: themes_for_select, include_blank: default_asciicast_theme_label(decorated_current_user.theme)
+        = f.input :theme_name, label: 'Terminal theme', collection: themes_for_select, include_blank: default_asciicast_theme_label(decorated_current_user.theme)
-    = f.buttons do
+        = f.buttons do
-      = f.button :submit, 'Save', class: 'btn-primary'
+          = f.button :submit, 'Save', class: 'btn-primary'
-      = link_to 'Cancel', asciicast_path, class: 'btn'
+          = link_to 'Cancel', asciicast_path, class: 'btn'

app/views/users/edit.html.slim

@@ -1,11 +1,13 @@
-.container.account-settings
+.container
-  = horizontal_form_for @user do |f|
+  .row
-    legend Account settings
+    .col-md-9
+      = horizontal_form_for @user do |f|
+        legend Account settings
 
-    = f.input :username
+        = f.input :username
-    = f.input :email, required: true
+        = f.input :email, required: true
-    = f.input :name, label: 'Real name'
+        = f.input :name, label: 'Real name'
-    = f.input :theme_name, label: 'Terminal theme', collection: themes_for_select, include_blank: default_user_theme_label, hint: 'Used for all recordings unless custom theme chosen for a specific recording'
+        = f.input :theme_name, label: 'Terminal theme', collection: themes_for_select, include_blank: default_user_theme_label, hint: 'Used for all recordings unless custom theme chosen for a specific recording'
-    = f.buttons do
+        = f.buttons do
-      = f.button :submit, 'Save', class: 'btn-primary'
+          = f.button :submit, 'Save', class: 'btn-primary'
-      = link_to 'Cancel', profile_path(current_user), class: 'btn'
+          = link_to 'Cancel', profile_path(current_user), class: 'btn'