diff --git a/src/components/ContentComponents/Feedback/FeedbackModal.tsx b/src/components/ContentComponents/Feedback/FeedbackModal.tsx index 34c0fa417fb486646df358ac10d828f5fe1071bf..dc8308c259ab707a6e09dafe8525ea682930c36d 100644 --- a/src/components/ContentComponents/Feedback/FeedbackModal.tsx +++ b/src/components/ContentComponents/Feedback/FeedbackModal.tsx @@ -52,6 +52,7 @@ const FeedbackModal: React.FC<FeedbackModalProps> = ({ const envInfo = `Ecolyo` + `\nv${client.appMetadata.version}` + + `\n\nLocation: ${window.location}` + '\n\nBrowser:' + `\nOn ${browser && browser.os}` + `\nFrom ${browser && browser.name}` + @@ -162,7 +163,7 @@ const FeedbackModal: React.FC<FeedbackModalProps> = ({ } value={description} ></textarea> - <div className="fb-label text-16-bold">{t('feedback.email')}</div> + <div className="fb-label text-15-normal">{t('feedback.email')}</div> <input id="idFeedbackEmail" type="text" @@ -175,7 +176,12 @@ const FeedbackModal: React.FC<FeedbackModalProps> = ({ } value={email} /> - <StyledButton className="fb-button" onClick={sendEmail}> + <StyledButton + className="fb-button" + color="primary" + onClick={sendEmail} + disabled={sending} + > {t('feedback.send')} </StyledButton> </div> diff --git a/src/styles/components/_modal.scss b/src/styles/components/_modal.scss index c267be398716ddea0ecb6bb2a718ec4d99310cb5..b9abbb961d724fafffe109fa233a614c65146ace 100644 --- a/src/styles/components/_modal.scss +++ b/src/styles/components/_modal.scss @@ -26,7 +26,7 @@ width: 36rem; max-width: 100%; // height: 80vh; - max-height: 80vh; + max-height: 90vh; // transform: translate(-50%, -50%); padding: 1rem 0 0 0; box-sizing: border-box; @@ -56,7 +56,7 @@ @media #{$large-phone} { // max-height: 80vh; } - max-height: 75vh; + max-height: 85vh; // max-height: -webkit-fill-available; display: flex; flex-direction: column;