From 5406610438c9e3c524bcb0e117fe54ba2a3fd668 Mon Sep 17 00:00:00 2001
From: Mihail Hagiu <mihail.hagiu@thinslices.com>
Date: Thu, 22 Nov 2018 17:48:00 +0200
Subject: [PATCH] feat(InviteReviewerEmail): Fixed buttons on small screens
---
.../src/templates/partials/invButtons.hbs | 8 ++++----
.../src/templates/partials/invHeader.hbs | 16 ++++++++++++++++
2 files changed, 20 insertions(+), 4 deletions(-)
diff --git a/packages/component-email-templating/src/templates/partials/invButtons.hbs b/packages/component-email-templating/src/templates/partials/invButtons.hbs
index 7611dc03e..8deceffee 100644
--- a/packages/component-email-templating/src/templates/partials/invButtons.hbs
+++ b/packages/component-email-templating/src/templates/partials/invButtons.hbs
@@ -12,7 +12,7 @@
<td width="300.000px" valign="top" style="padding: 0px 0px 0px 0px;border-collapse: collapse;" >
<![endif]-->
- <table width="300.000" style="width:300.000px;border-spacing:0;border-collapse:collapse;margin:0px 0px 0px 0px;"
+ <table width="300.000" style="width:'50%';border-spacing:0;border-collapse:collapse;margin:0px 0px 0px 0px;"
cellpadding="0" cellspacing="0" align="left" border="0" bgcolor="" class="column column-0 of-2
empty">
<tr>
@@ -21,7 +21,7 @@
role="module" style="table-layout:fixed" width="100%">
<tbody>
<tr>
- <td align="center" class="outer-td" style="padding:0px 0px 0px 50px">
+ <td align="center" class="outer-td padding-decline">
<table border="0" cellPadding="0" cellSpacing="0" class="button-css__deep-table___2OZyb wrapper-mobile"
style="text-align:center">
<tbody>
@@ -47,7 +47,7 @@
<td width="300.000px" valign="top" style="padding: 0px 0px 0px 0px;border-collapse: collapse;" >
<![endif]-->
- <table width="300.000" style="width:300.000px;border-spacing:0;border-collapse:collapse;margin:0px 0px 0px 0px;"
+ <table width="300.000" style="width:'50%';border-spacing:0;border-collapse:collapse;margin:0px 0px 0px 0px;"
cellpadding="0" cellspacing="0" align="left" border="0" bgcolor="" class="column column-1 of-2
empty">
<tr>
@@ -56,7 +56,7 @@
role="module" style="table-layout:fixed" width="100%">
<tbody>
<tr>
- <td align="center" class="outer-td" style="padding:0px 50px 0px 0px">
+ <td align="center" class="outer-td padding-agree">
<table border="0" cellPadding="0" cellSpacing="0" class="button-css__deep-table___2OZyb wrapper-mobile"
style="text-align:center">
<tbody>
diff --git a/packages/component-email-templating/src/templates/partials/invHeader.hbs b/packages/component-email-templating/src/templates/partials/invHeader.hbs
index d01a40ad4..473d7b913 100644
--- a/packages/component-email-templating/src/templates/partials/invHeader.hbs
+++ b/packages/component-email-templating/src/templates/partials/invHeader.hbs
@@ -76,6 +76,14 @@
text-decoration: none;
}
+ .padding-decline {
+ padding:0px 0px 0px 50px;
+ }
+
+ .padding-agree {
+ padding:0px 50px 0px 0px;
+ }
+
@media screen and (max-width:480px) {
.preheader .rightColumnContent,
@@ -126,6 +134,14 @@
margin-left: 0 !important;
margin-right: 0 !important;
}
+
+ .padding-decline {
+ padding: 0px;
+ }
+
+ .padding-agree {
+ padding: 10px 0px 0px 0px;
+ }
}
</style>
<!--user entered Head Start-->
--
GitLab