diff --git a/src/assets/stylesheets/audio.scss b/src/assets/stylesheets/audio.scss index e49dc94e44fbce76251039df38ea93bd8bb8e8f2..f22b609e5f6e1604dffa3f980097f2cf6fd796d7 100644 --- a/src/assets/stylesheets/audio.scss +++ b/src/assets/stylesheets/audio.scss @@ -9,6 +9,7 @@ flex: 1; display: flex; justify-content: center; + align-items: flex-end; } &__enter-button { @extend %bottom-action-button; @@ -16,10 +17,12 @@ &__title { @extend %top-title; + @extend %glass-text; } &__subtitle { @extend %top-subtitle; + @extend %glass-text; } &__device-chooser { @@ -116,10 +119,12 @@ &__title { @extend %top-title; + @extend %glass-text; } &__subtitle { @extend %top-subtitle; + @extend %glass-text; } &__button-container { diff --git a/src/assets/stylesheets/shared.scss b/src/assets/stylesheets/shared.scss index 62fc132681b5f6dd01880005ad30646386f17026..1e52392c3cd57c4704d7822c3f31e8adf79c086c 100644 --- a/src/assets/stylesheets/shared.scss +++ b/src/assets/stylesheets/shared.scss @@ -52,7 +52,7 @@ $darkest-grey: rgba(32, 32, 32, 1.0); %bottom-button { @extend %action-button; - margin-top: 16px; + margin: 16px 0; } %action-button { @@ -62,6 +62,7 @@ $darkest-grey: rgba(32, 32, 32, 1.0); cursor: pointer; border: 3px solid white; border-radius: 26px; + height: 64px; padding: 12px; background: #2F80ED; font-size: 1.3em; diff --git a/src/assets/translations.data.json b/src/assets/translations.data.json index aaefa3e3de60040413bb250b2d621b8e13866d48..fc2157bf2d75b87c1fd2887e571d0a443ea82d4d 100644 --- a/src/assets/translations.data.json +++ b/src/assets/translations.data.json @@ -71,6 +71,7 @@ "link.link_page_header": "Enter your code:", "link.dont_have_a_code": "Don't have a code?", "link.create_a_room": "Create a Room", - "link.try_again": "We couldn't find that code. Please try again." + "link.try_again": "We couldn't find that code. Please try again.", + "help.report_issue": "Report an Issue" } } diff --git a/src/index.js b/src/index.js index f61c18337e40519a46693bf09607c105be58efae..7fddba12131a6d46fea444a42b2001acfe7afeb7 100644 --- a/src/index.js +++ b/src/index.js @@ -11,7 +11,9 @@ registerTelemetry(); ReactDOM.render( <HomeRoot initialEnvironment={qs.get("initial_environment")} - dialogType={qs.has("list_signup") ? InfoDialog.dialogTypes.updates : null} + dialogType={ + qs.has("list_signup") ? InfoDialog.dialogTypes.updates : qs.has("report") ? InfoDialog.dialogTypes.report : null + } />, document.getElementById("home-root") ); diff --git a/src/react-components/info-dialog.js b/src/react-components/info-dialog.js index a961df45f264828617f596ed241eb48d761bf463..9c541bf2e6b70c6037e6abbe7f7962f48f5bf9d7 100644 --- a/src/react-components/info-dialog.js +++ b/src/react-components/info-dialog.js @@ -330,6 +330,9 @@ class InfoDialog extends Component { > <FormattedMessage id="profile.privacy_notice" /> </a> + <a target="_blank" rel="noopener noreferrer" href="/?report"> + <FormattedMessage id="help.report_issue" /> + </a> </p> </div> );