diff --git a/app/views/layouts/user_mailer.html.haml b/app/views/layouts/user_mailer.html.haml
index 2c85220..cc0e953 100644
--- a/app/views/layouts/user_mailer.html.haml
+++ b/app/views/layouts/user_mailer.html.haml
@@ -38,6 +38,22 @@
cursor: default;
}
}
+ h3 b {
+ padding: 10px 20px;
+ line-height: 50px;
+ }
+ h3 b a {
+ color: #FFF !important;
+ background-color: #02CA9E;
+ text-decoration: none !important;
+ border-radius: 4px;
+ padding: 10px 15px;
+ margin-left: 20px;
+ border-bottom: 3px solid #00AF88;
+ }
+ h3 b a:hover {
+ background-color: #00AF88;
+ }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
a[href^="tel"], a[href^="sms"] {
text-decoration: none;
diff --git a/app/views/user_mailer/email_confirmation.html.haml b/app/views/user_mailer/email_confirmation.html.haml
index 8ec69f1..c70e0c5 100644
--- a/app/views/user_mailer/email_confirmation.html.haml
+++ b/app/views/user_mailer/email_confirmation.html.haml
@@ -1,4 +1,6 @@
%p=_'email.confirmation.paragraph.please_confirm','Hello! To gain access to registration and other features of Bike!Bike!, please confirm your email address by clicking on following link:'
- link = "#{@host}/confirm/#{@confirmation.token}"
%p
- %a{href: link}=_'email.confirmation.link.please_confirm'
+ %h3
+ %b
+ %a{href: link}=_'email.confirmation.link.please_confirm'