diff --git a/acrobat/blocks/verb-widget/verb-widget.css b/acrobat/blocks/verb-widget/verb-widget.css
index c8acf741..d996a958 100644
--- a/acrobat/blocks/verb-widget/verb-widget.css
+++ b/acrobat/blocks/verb-widget/verb-widget.css
@@ -75,10 +75,6 @@
transition: visibility 0s, opacity 0.5s linear;
}
-
-
-/* new css */
-
.verb-wrapper {
width: 75%;
max-width: 75%;
@@ -276,6 +272,7 @@
width: unset;
max-width: unset;
padding: 20px;
+ min-height: calc(100vh - 150px);
}
.verb-row {
diff --git a/acrobat/blocks/verb-widget/verb-widget.js b/acrobat/blocks/verb-widget/verb-widget.js
index 4049bb39..9e566149 100644
--- a/acrobat/blocks/verb-widget/verb-widget.js
+++ b/acrobat/blocks/verb-widget/verb-widget.js
@@ -103,8 +103,9 @@ export default async function init(element) {
const widgetRight = createTag('div', { class: 'verb-col right' });
const widgetHeader = createTag('div', { class: 'verb-header' });
const widgetIcon = createTag('div', { class: 'verb-icon' });
- const widgetTitle = createTag('div', { class: 'verb-title' }, 'Acrobat');
+ const widgetTitle = createTag('div', { class: 'verb-title' }, 'Adobe Acrobat');
const widgetCopy = createTag('p', { class: 'verb-copy' }, window.mph[`verb-widget-${VERB}-description`]);
+ const widgetMobCopy = createTag('p', { class: 'verb-copy' }, window.mph[`verb-widget-${VERB}-mobile-description`]);
const widgetButton = createTag('label', { for: 'file-upload', class: 'verb-cta', tabindex: 0 }, window.mph['verb-widget-cta']);
const widgetMobileButton = createTag('a', { class: 'verb-mobile-cta', href: mobileLink }, window.mph['verb-widget-cta-mobile']);
const button = createTag('input', { type: 'file', id: 'file-upload', class: 'hide' });
@@ -126,18 +127,18 @@ export default async function init(element) {
widgetHeader.append(widgetIcon, widgetTitle);
errorState.append(errorIcon, errorStateText, errorCloseBtn);
if (mobileLink && LIMITS[VERB].mobileApp) {
- widgetLeft.append(widgetHeader, widgetHeading, widgetCopy, errorState, widgetMobileButton);
+ widgetLeft.append(widgetHeader, widgetHeading, widgetMobCopy, errorState, widgetMobileButton);
+ element.append(widget);
} else {
widgetLeft.append(widgetHeader, widgetHeading, widgetCopy, errorState, widgetButton, button);
- }
-
- // Make ticket to localize links
- legal.innerHTML = legal.outerHTML.replace(window.mph['verb-widget-terms-of-use'], ` ${window.mph['verb-widget-terms-of-use']}`);
- legal.innerHTML = legal.outerHTML.replace(window.mph['verb-widget-privacy-policy'], ` ${window.mph['verb-widget-privacy-policy']}`);
+ // Make ticket to localize links
+ legal.innerHTML = legal.outerHTML.replace(window.mph['verb-widget-terms-of-use'], ` ${window.mph['verb-widget-terms-of-use']}`);
+ legal.innerHTML = legal.outerHTML.replace(window.mph['verb-widget-privacy-policy'], ` ${window.mph['verb-widget-privacy-policy']}`);
- footer.append(iconSecurity, legal);
+ footer.append(iconSecurity, legal);
- element.append(widget, footer);
+ element.append(widget, footer);
+ }
// Redirect after IMS:Ready
window.addEventListener('IMS:Ready', () => {