Improves layout styles

app/assets/stylesheets/debates.scss

@@ -240,6 +240,14 @@
       a {
         color: $text;
       }
+
+      ul, ol {
+
+        li {
+          font-size: rem-calc(13);
+          margin-bottom: rem-calc(12);
+        }
+      }
     }
 
     .truncate {
@@ -433,6 +441,14 @@
     }
   }
 
+  ul, ol {
+
+    li {
+      font-size: rem-calc(13);
+      margin-bottom: rem-calc(12);
+    }
+  }
+
   .author-photo {
     line-height: $line-height*2;
     margin-right: rem-calc(6);

app/assets/stylesheets/participacion.scss

@@ -280,7 +280,7 @@ header {
     min-height: rem-calc(48);
 
     @media (min-width: $small-breakpoint) {
-      min-height: rem-calc(189);
+      min-height: 189px;
     }
   }
 
@@ -901,12 +901,6 @@ form {
   }
 }
 
-.alert-layout {
-  position: absolute;
-  top: 0;
-  width: 100%;
-}
-
 span.error, small.error {
   background: $alert-bg;
   color: $alert-color;
@@ -923,6 +917,11 @@ label.error, label.error a {
   color: $alert-color;
 }
 
+.alert-messages {
+  background-color: white;
+  padding-top: rem-calc(24);
+}
+
 // 10. User account
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
@@ -1351,7 +1350,7 @@ table {
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
 .verification {
-  min-height: 60%;
+  min-height: rem-calc(600);
 
   @media (min-width: $small-breakpoint) {
     .left + .left {

app/views/account/show.html.erb

@@ -2,7 +2,7 @@
   <div class="small-12 column">
     <%= link_to t("account.show.change_credentials_link"), edit_user_registration_path, class: "button radius small secondary right" %>
 
-    <div class="verification">
+    <div>
       <span class="right verify-account">
         <% if current_user.level_three_verified? %>
           <p class="verified">

app/views/debates/_form.html.erb

@@ -20,16 +20,18 @@
           <a class="js-add-tag-link"><%= tag.name %></a>
         <% end %>
       </span>
-      <%= f.text_field :tag_list, value: @debate.tag_list.to_s, label: false %>
+      <%= f.text_field :tag_list, value: @debate.tag_list.to_s, label: false, placeholder: t("debates.form.tags_placeholder") %>
     </div>
 
     <div class="small-12 column">
       <% if @debate.new_record? %>
         <%= f.label :terms_of_service do %>
           <%= f.check_box :terms_of_service, label: false %>
+          <span class="checkbox">
             <%= t("form.accept_terms",
-              policy: link_to(t("form.policy"), "/privacy", target: "blank"), conditions: link_to(t("form.conditions"), "/conditions", target: "blank")).html_safe
+                policy: link_to(t("form.policy"), "/privacy", target: "blank"),
-          %>
+                conditions: link_to(t("form.conditions"), "/conditions", target: "blank")).html_safe %>
+          </span>
         <% end %>
       <% end %>
     </div>

app/views/layouts/application.html.erb

@@ -16,21 +16,25 @@
       <%= render 'layouts/header' %>
 
       <% if notice %>
-        <div data-alert class="alert-box success alert-layout">
+      <div class="alert-messages">
-          <a href="#" class="close">&times;</a>
         <div class="row">
+          <div data-alert class="alert-box success radius">
+            <a href="#" class="close">&times;</a>
             <%= notice %>
           </div>
         </div>
+      </div>
       <% end %>
 
       <% if alert %>
-        <div data-alert class="alert-box alert alert-layout">
+      <div class="alert-messages">
-          <a href="#" class="close">&times;</a>
         <div class="row">
+          <div data-alert class="alert-box alert radius">
+            <a href="#" class="close">&times;</a>
             <%= alert %>
           </div>
         </div>
+      </div>
       <% end %>
 
       <%= yield %>

app/views/users/registrations/edit.html.erb

@@ -1,6 +1,3 @@
-<div class="row">
-  <div class="account small-12 medium-9 column small-centered">
-
 <i class="icon-angle-left left"></i>&nbsp;<%= link_to t("devise_views.users.registrations.edit.back_link"), :back, class: "left back" %>
 
 <h1><%= t("devise_views.users.registrations.edit.edit") %></h1>
@@ -41,5 +38,3 @@
     </div>
   </div>
 <% end %>
-  </div>
-</div>

app/views/verification/residence/new.html.erb

@@ -54,10 +54,12 @@
       <div class="small-12">
         <%= f.label :terms_of_service do %>
           <%= f.check_box :terms_of_service, label: false %>
+          <span class="checkbox">
             <%= t("verification.residence.new.accept_terms_text",
                 terms_url: link_to(t("verification.residence.new.terms"), "/census_terms",
                 target: "_blank")).html_safe
             %>
+          </span>
         <% end %>
       </div>