diff --git a/src/partials/help-modal.html b/src/partials/help-modal.html index e1c5a76..c42c90e 100644 --- a/src/partials/help-modal.html +++ b/src/partials/help-modal.html @@ -23,11 +23,11 @@ <p>Like this extension? Please <a href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" target="_blank">rate it here</a>.</p> <p> - <a aria-label="Support the developer" d-click="openSupportDeveloperModal" data-event-action="supportDeveloperHelpBtnClick" + <button aria-label="Support the developer" d-click="openSupportDeveloperModal" data-event-action="supportDeveloperHelpBtnClick" class="btn btn-icon"> <svg> <use xlink:href="#gift-icon"></use> - </svg>Support the developer</a> + </svg>Support the developer</button> <a aria-label="Rate Web Maker" href="https://chrome.google.com/webstore/detail/web-maker/lkfkkhfhhdkiemehlpkgjeojomhpccnh/reviews" target="_blank" class="btn btn-icon"> <svg> diff --git a/src/style.css b/src/style.css index 580c607..76cce36 100644 --- a/src/style.css +++ b/src/style.css @@ -155,6 +155,7 @@ textarea { padding: 9px 15px; cursor: pointer; letter-spacing: 0.2px; + line-height: 1; transition: box-shadow 0.2s ease; } .btn--primary { @@ -577,6 +578,8 @@ body > #demo-frame { height: 100vh; overflow-y: auto; align-items: center; + display: flex; + align-items: baseline; justify-content: center; z-index: 2000; visibility: hidden; @@ -585,7 +588,7 @@ body > #demo-frame { position: absolute; right: 10px; top: 10px; - opacity: 0.3; + opacity: 0.8; transition: 0.25s ease; } .modal__close-btn > svg {