From 544543c7ef6854e17e373228c9cdcba547170e5a Mon Sep 17 00:00:00 2001 From: lggg123 Date: Mon, 5 Sep 2022 14:51:27 -0700 Subject: [PATCH 1/2] APIDOC-440: fixed blog button sign up styling issue --- .../app/assets/stylesheets/blog/sign_up_button.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/lib/nexmo_developer/app/assets/stylesheets/blog/sign_up_button.scss b/lib/nexmo_developer/app/assets/stylesheets/blog/sign_up_button.scss index e0b6fde1d..c18a6bc67 100644 --- a/lib/nexmo_developer/app/assets/stylesheets/blog/sign_up_button.scss +++ b/lib/nexmo_developer/app/assets/stylesheets/blog/sign_up_button.scss @@ -96,7 +96,7 @@ background: -webkit-linear-gradient(0deg, #ffa58b 0%, #8728fb 80%); background: -moz-linear-gradient(0deg, #ffa58b 0%, #8728fb 80%); position: absolute; - top: -72px; + top: -85px; translate: -24%; width: 208px; height: 156px; @@ -105,7 +105,7 @@ } .title { margin-top: -13px; - height: 50px; + height: 90px; z-index: 20; width: 180px; border-radius: 16px; From 3a06694a8db8baa79f042c53478c4f862c0c3aae Mon Sep 17 00:00:00 2001 From: Marco Date: Tue, 6 Sep 2022 11:15:14 +0200 Subject: [PATCH 2/2] Update sign_up_button.scss --- .../app/assets/stylesheets/blog/sign_up_button.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/lib/nexmo_developer/app/assets/stylesheets/blog/sign_up_button.scss b/lib/nexmo_developer/app/assets/stylesheets/blog/sign_up_button.scss index c18a6bc67..25dccfdbb 100644 --- a/lib/nexmo_developer/app/assets/stylesheets/blog/sign_up_button.scss +++ b/lib/nexmo_developer/app/assets/stylesheets/blog/sign_up_button.scss @@ -97,8 +97,8 @@ background: -moz-linear-gradient(0deg, #ffa58b 0%, #8728fb 80%); position: absolute; top: -85px; - translate: -24%; - width: 208px; + translate: -26%; + width: 200px; height: 156px; z-index: 2; transform: skewX(40deg); @@ -140,10 +140,10 @@ text-align: center; } .Vlt-btn-blog-sm { - margin-bottom: 6rem; + margin-bottom: 4rem; margin-top: 2rem; min-width: 100px; - height: 40px; + height: 50px; width: 108px; img { width: 37px;