Merge pull request #847 from sharetribe/fix-modalmissinginformation-s…

…tyles

Styles were not copied in previous PR

CHANGELOG.md

@@ -16,6 +16,8 @@ way to update this template, but currently, we follow a pattern:
 
 * [fix] Extract and fix missing information reminder modal from Topbar
   [#846](https://github.com/sharetribe/flex-template-web/pull/846)
+* [fix] Add missing styles for ModalMissingInformation from Topbar
+  [#847](https://github.com/sharetribe/flex-template-web/pull/847)
 
 ## v0.3.1
 

src/components/ModalMissingInformation/ModalMissingInformation.css

@@ -1,3 +1,47 @@
+@import '../../marketplace.css';
+
 .root {
   /* Adding empty .root class to enforce className overwrite */
 }
+
+/* Title of the modal */
+.modalTitle {
+  @apply --marketplaceModalTitleStyles;
+}
+
+/* Paragraph for the Modal */
+.modalMessage {
+  @apply --marketplaceModalParagraphStyles;
+}
+
+/* Make the email pop */
+.email {
+  @apply --marketplaceModalHighlightEmail;
+}
+
+.helperLink {
+  @apply --marketplaceModalHelperLink;
+}
+
+.helperText {
+  @apply --marketplaceModalHelperText;
+}
+
+.error {
+  @apply --marketplaceModalErrorStyles;
+}
+
+.bottomWrapper {
+  @apply --marketplaceModalBottomWrapper;
+
+  /* Align the helper links to the left since there isn't a Primary Button anymore */
+  text-align: left;
+}
+
+.modalIcon {
+  @apply --marketplaceModalIconStyles;
+}
+
+.reminderModalLinkButton {
+  @apply --marketplaceButtonStylesPrimary;
+}