Fix small-screen layout issues

app/assets/stylesheets/common.css.scss

@@ -1102,7 +1102,7 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
   }
 }
 
-@media only screen and (max-width:770px) {
+@media only screen and (max-width:900px) {
   .header-illustration.new-user-arm { display: none;}
 }
 
@@ -1561,6 +1561,11 @@ ul.results-list li { border-bottom: 1px solid #ccc; }
       background: darken($lightblue, $hovercolor);
     }
   }
+
+  .form-row {
+    margin: auto;
+    max-width: 370px;
+  }
 }
 
 /* Rules for the account settings page */

app/assets/stylesheets/small.css.scss

@@ -255,3 +255,16 @@ p.search_results_entry {
 #message_title, #message_body {
   width: 100% !important;
 }
+
+/* Rules for the sign-up page */
+
+.user-new,
+.user-create {
+  .col6 {
+    width: 100%;
+  }
+
+  .aside {
+    display: none;
+  }
+}

app/views/user/new.html.erb

@@ -71,7 +71,7 @@
   <%= submit_tag t('user.new.continue'), :tabindex => 6 %>
 <% end %>
 
-<div class='col6 deemphasize inner22'>
+<div class='aside col6 deemphasize inner22'>
   <h4><%= t 'user.new.about.header' %></h4>
   <%= t 'user.new.about.html' %>
 </div>

app/views/user/terms.html.erb

@@ -5,7 +5,7 @@
 
 <%= form_tag({:action => "save"}, { :class => " inner22 standard-form fillL" }) do %>
   <!-- legale is <%= @legale %> -->
-  <div class='margin3 col6 horizontal-list'>
+  <div class='form-row horizontal-list'>
     <label class="standard-label">
       <%= t 'user.terms.legale_select' %>
     </label>
@@ -30,7 +30,7 @@
     <%= render :partial => "terms" %>
   </div>
 
-    <div class="form-row margin3 col6">
+  <div class="form-row">
     <label for="user_consider_pd">
       <%= check_box('user', 'consider_pd') %>
       <%= t 'user.terms.consider_pd' %>
@@ -44,7 +44,6 @@
       <%= submit_tag(t('user.terms.agree'), :name => "agree", :id => "agree") %>
       <%= submit_tag(t('user.terms.decline'), :name => "decline", :id => "decline") %>
     </div>
-  <% end %>
 
     <div class="deemphasize">
       <p id="contributorGuidance">
@@ -53,4 +52,5 @@
                   :translations => 'http://www.osmfoundation.org/wiki/License/Contributor_Terms/Informal_Translations' %>
       </p>
     </div>
-</div>
+  </div>
+<% end %>