Adds styles for organization success registration [#226]

app/assets/stylesheets/participacion.scss

@@ -150,6 +150,19 @@ h1, h2, h3, h4, h5, h6 {
   }
 }
 
+.margin {
+  margin-top: $line-height;
+  margin-bottom: $line-height;
+}
+
+.margin-top {
+  margin-top: $line-height;
+}
+
+.margin-bottom {
+  margin-bottom: $line-height;
+}
+
 // 04. Header
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
@@ -494,10 +507,15 @@ footer {
 
   h2 {
     clear: both;
-    font-size: rem-calc(30);
+    font-size: rem-calc(18);
     font-weight: bold;
+    line-height: $line-height;
+
+    @media (min-width: $small-breakpoint) {
+      font-size: rem-calc(30);
       line-height: $line-height*2;
     }
+  }
 
   .back, .icon-angle-left {
     @include back;

app/assets/stylesheets/variables.scss

@@ -83,6 +83,7 @@ $comment-level-5:   rgba(255,241,204,1);
 // 06. Responsive
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
+$small:             em-calc(480);
 $small-breakpoint:  em-calc(640);
 $medium-breakpoint: em-calc(1024);
 $large-breakpoint:  em-calc(1440);

app/views/organizations/registrations/success.html.erb

@@ -1,8 +1,15 @@
-<h1><%= t('devise_views.organizations.registrations.success.title') %></h1>
+<div class="auth row">
-
+  <div class="small-12 medium-8 column small-centered">
-<p><%= t('devise_views.organizations.registrations.success.thank_you') %></p>
+    <div class="panel">
-
+      <h2><%= t("devise_views.organizations.registrations.success.title") %></h2>
-<p><%= t('devise_views.organizations.registrations.success.instructions') %></p>
+      <p><%= raw t("devise_views.organizations.registrations.success.thank_you") %></p>
-
+      <p><%= raw t("devise_views.organizations.registrations.success.instructions_1") %></p>
-<p><%= link_to t('devise_views.organizations.registrations.success.back_to_index'), root_path %></p>
+      <p><%= raw t("devise_views.organizations.registrations.success.instructions_2") %></p>
-
+      <p><%= raw t("devise_views.organizations.registrations.success.instructions_3") %></p>
+      <p>
+        <%= link_to t("devise_views.organizations.registrations.success.back_to_index"),
+            root_path, class: "button radius small margin-top" %>
+      </p>
+    </div>
+  </div>
+</div>

config/locales/devise_views.en.yml

@@ -67,13 +67,11 @@ en:
           password_confirmation_label: "Confirm password"
           submit: "Sign up"
         success:
-          title: "Registration of organization / collective pending verification"
+          title: "Registration of organization / collective"
-          thank_you: "Thank you for registering your organization or collective in the website."
+          thank_you: "Thank you for registering your organization or collective in the website. Now is <b>pending verification</b>."
-          instructions:
+          instructions_1: "We will <b>contact you soon</b> in order to verify that you represent your collective."
-            We will contact you soon in order to verify that you represent your collective.
+          instructions_2: "Meanwhile, <b>review your email</b>. We have sent you a <b>confirmation link to activate your account</b>."
-            Meanwhile, please review your email. We have sent you a confirmation link which you
+          instructions_3: "When you confirm your account will then be able to participate as a non-verified organization."
-            will have to click in order to activate your account. You will then be able to participate
-            as a non-verified organization.
           back_to_index: "Ok, go back to index"
     sessions:
       new:

config/locales/devise_views.es.yml

@@ -67,12 +67,11 @@ es:
           password_confirmation_label: "Confirmar contraseña"
           submit: "Registrarse"
         success:
-          title: "Registro de organización / colectivo pendiente de verificación"
+          title: "Registro de organización / colectivo"
-          thank_you: "Gracias por registrar tu colectivo en la web."
+          thank_you: "Gracias por registrar tu colectivo en la web. Ahora está <b>pendiente de verificación</b>."
-          instructions:
+          instructions_1: "En breve <b>nos pondremos en contacto contigo</b> para verificar que realmente representas a este colectivo."
-            En breve nos pondremos en contacto contigo para verificar que realmente representas a un colectivo.
+          instructions_2: "Mientras <b>revisa tu correo electrónico</b>, te hemos enviado un <b>enlace para confirmartu cuenta</b>."
-            Entretanto, por favor revisa tu correo electrónico. Te hemos enviado un enlace que debes pulsar para confirmar
+          instructions_3: "Una vez confirmado, podrás empezar a participar como colectivo no verificado."
-            tu correo. Una vez confirmado, podrás empezar a participar como colectivo no verificado.
           back_to_index: "Entendido, volver a la página principal"
     sessions:
       new: