Adding PoweredBy Component

src/core/client/stream/components/PostCommentForm.tsx

@@ -2,7 +2,7 @@ import { Localized } from "fluent-react/compat";
 import * as React from "react";
 import { StatelessComponent } from "react";
 import { Field, Form } from "react-final-form";
-
+import PoweredBy from "./PoweredBy";
 import { OnSubmit } from "talk-framework/lib/form";
 import { required } from "talk-framework/lib/validation";
 import { Button, Typography } from "talk-ui/components";
@@ -40,6 +40,7 @@ const PostCommentForm: StatelessComponent<PostCommentFormProps> = props => (
           )}
         </Field>
         <div className={styles.postButtonContainer}>
+          <PoweredBy />
           <Localized id="comments-postCommentForm-post">
             <Button color="primary" variant="filled" disabled={submitting}>
               Post

src/core/client/stream/components/PoweredBy.css

@@ -0,0 +1,3 @@
+.text {
+  font-size: calc(14rem / var(--rem-base));
+}

src/core/client/stream/components/PoweredBy.tsx

@@ -0,0 +1,18 @@
+import React, { StatelessComponent } from "react";
+import { Flex, Typography } from "talk-ui/components";
+import * as styles from "./PoweredBy.css";
+
+const PoweredBy: StatelessComponent = props => {
+  return (
+    <Flex itemGutter="half">
+      <Typography className={styles.text} variant="bodyCopy">
+        Powered by
+      </Typography>
+      <Typography className={styles.text} variant="heading4">
+        The Coral Project
+      </Typography>
+    </Flex>
+  );
+};
+
+export default PoweredBy;

src/core/client/stream/components/UserBoxUnauthenticated.tsx

@@ -15,7 +15,7 @@ const UserBoxUnauthenticated: StatelessComponent<
   UserBoxUnauthenticatedProps
 > = props => {
   return (
-    <Flex>
+    <Flex itemGutter>
       <MatchMedia gteWidth="sm">
         <Localized id="comments-userBoxUnauthenticated-joinTheConversation">
           <Typography