Adds new styles for erase account

app/assets/stylesheets/admin.scss

@@ -199,7 +199,7 @@ body.admin {
   font-size: rem-calc(12);
 
   &:hover, &:active, &:focus {
-    border: 0;
+    border-bottom: 1px dotted white;
     color: #cf2a0e;
   }
 }

app/assets/stylesheets/layout.scss

@@ -886,12 +886,6 @@ footer {
       font-weight: bolder;
     }
   }
-
-  form {
-    .button {
-      margin-top: rem-calc(24);
-    }
-  }
 }
 
 // 08. Forms

app/views/account/show.html.erb

@@ -1,8 +1,9 @@
 <div class="row account">
   <div class="small-12 column">
-    <div class="right">
+    <div class="right text-right">
       <%= link_to t("account.show.change_credentials_link"), edit_user_registration_path, class: "button radius small secondary" %>
-      <%= link_to t("account.show.erase_account_link"), users_registrations_delete_form_path, class: "button radius small danger" %>
+      <br>
+      <%= link_to t("account.show.erase_account_link"), users_registrations_delete_form_path, class: "delete" %>
     </div>
 
     <%= avatar_image(@account, seed: @account.id, size: 60) %>

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

@@ -6,22 +6,18 @@
              url: users_registrations_path,
              html: { method: :delete }) do |f| %>
   <%= devise_error_messages! %>
-  <p>
+
+  <div class="alert-box alert radius margin-top">
     <%= t("devise_views.users.registrations.delete_form.info") %>
+  </div>
+  <p>
+    <%= t("devise_views.users.registrations.delete_form.info_reason") %>
   </p>
 
-  <div class="row">
+  <%= f.text_field :erase_reason,
-    <div class="small-12 column">
+        autofocus: true,
-      <%= f.text_field :erase_reason,
+        placeholder: t("devise_views.users.registrations.delete_form.erase_reason_label"),
-            autofocus: true,
+        label: t("devise_views.users.registrations.delete_form.erase_reason_label") %>
-            placeholder: t("devise_views.users.registrations.delete_form.erase_reason_label"),
-            label: t("devise_views.users.registrations.delete_form.erase_reason_label") %>
-    </div>
 
-    <div class="small-12 column">
+  <%= f.submit t("devise_views.users.registrations.delete_form.submit"), class: "button radius alert expand" %>
-      <%= f.submit t("devise_views.users.registrations.delete_form.submit"), class: "button radius danger" %>
-    </div>
-  </div>
 <% end %>
-
-

config/locales/devise_views.en.yml

@@ -59,11 +59,6 @@ en:
           need_current: "We need your current password to confirm your changes"
           update_submit: "Update"
           back_link: "Back"
-        delete_form:
-          title: "Erase account"
-          info: "This action can not be undone. Please make sure this is what you want. If you want, you can leave us a reason (this is not mandatory)"
-          erase_reason_label: "Reason"
-          submit: "Erase my account"
         new:
           title: "Sign up"
           username_label: "Username"
@@ -82,6 +77,12 @@ en:
           instructions_1_html: "Please <b>review your email inbox</b> - we have sent you a <b>link to confirm your account</b>."
           instructions_2_html: "Once you click that link, you will be able to start participating"
           back_to_index: "Understood, take me back to the home page"
+        delete_form:
+          title: "Erase account"
+          info: "This action can not be undone. Please make sure this is what you want."
+          info_reason: "If you want, leave us a reason (optional)"
+          erase_reason_label: "Reason"
+          submit: "Erase my account"
     organizations:
       registrations:
         new:

config/locales/devise_views.es.yml

@@ -79,7 +79,8 @@ es:
           back_to_index: "Entendido, volver a la página principal"
         delete_form:
           title: "Darme de baja"
-          info: "Esta acción no se puede deshacer. Una vez que des de baja tu cuenta, no podrás volver a hacer login con ella. Si quieres, puedes informarnos de la razón por la que de tas de baja (no es obligatorio)."
+          info: "Esta acción no se puede deshacer. Una vez que des de baja tu cuenta, no podrás volver a hacer login con ella."
+          info_reason: "Si quieres, escribe el motivo por el que te das de baja (opcional)."
           erase_reason_label: "Razón de la baja"
           submit: "Borrar mi cuenta"
     organizations: