Make forms responsive

10 years ago · 530352bbb1
parent cc65ceb6e3
commit 530352bbb1
4 changed files with 23 additions and 32 deletions
--- a/app/assets/stylesheets/asciicasts.sass
+++ b/app/assets/stylesheets/asciicasts.sass
@ -110,10 +110,3 @@

      h2
        font-size: 20px
-
-.asciicast-settings
-  form
-    .form-group
-      > div
-        width: 500px
-
--- a/app/assets/stylesheets/users.sass
+++ b/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
--- a/app/views/asciicasts/edit.html.slim
+++ b/app/views/asciicasts/edit.html.slim
@ -1,4 +1,6 @@
-.container.asciicast-settings
+.container
+  .row
+    .col-md-9
      = horizontal_form_for @asciicast do |f|
        legend Asciicast properties

--- a/app/views/users/edit.html.slim
+++ b/app/views/users/edit.html.slim
@ -1,4 +1,6 @@
-.container.account-settings
+.container
+  .row
+    .col-md-9
      = horizontal_form_for @user do |f|
        legend Account settings