Fix up audio dialog, add report link to help

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 {

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;

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"
   }
 }

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")
 );

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>
         );