From 74834149810169e6a21dcc8a1921f87782bb8e62 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bel=C3=A9n=20Curcio?= <curciobelen@gmail.com>
Date: Thu, 9 Aug 2018 10:40:59 -0300
Subject: [PATCH] Normal view

---
 src/core/client/stream/components/App.tsx                 | 8 +-------
 .../client/stream/components/UserBoxUnauthenticated.tsx   | 2 +-
 src/core/client/ui/components/TextField/TextField.tsx     | 4 ++++
 src/core/client/ui/components/Typography/Typography.tsx   | 2 ++
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/core/client/stream/components/App.tsx b/src/core/client/stream/components/App.tsx
index 39272cb17..6dd7f0729 100644
--- a/src/core/client/stream/components/App.tsx
+++ b/src/core/client/stream/components/App.tsx
@@ -1,8 +1,6 @@
 import * as React from "react";
 import { StatelessComponent } from "react";
 
-import { Flex } from "talk-ui/components";
-
 import PermalinkViewQuery from "../queries/PermalinkViewQuery";
 import StreamQuery from "../queries/StreamQuery";
 
@@ -18,11 +16,7 @@ const App: StatelessComponent<AppProps> = props => {
   ) : (
     <StreamQuery />
   );
-  return (
-    <Flex justifyContent="center" className={styles.root}>
-      {view}
-    </Flex>
-  );
+  return <div className={styles.root}>{view}</div>;
 };
 
 export default App;
diff --git a/src/core/client/stream/components/UserBoxUnauthenticated.tsx b/src/core/client/stream/components/UserBoxUnauthenticated.tsx
index 51e1e11b7..9dbce544c 100644
--- a/src/core/client/stream/components/UserBoxUnauthenticated.tsx
+++ b/src/core/client/stream/components/UserBoxUnauthenticated.tsx
@@ -14,7 +14,7 @@ const UserBoxUnauthenticated: StatelessComponent<
   UserBoxUnauthenticatedProps
 > = props => {
   return (
-    <Flex>
+    <Flex itemGutter>
       <Localized id="comments-userBoxUnauthenticated-joinTheConversation">
         <Typography
           className={styles.joinText}
diff --git a/src/core/client/ui/components/TextField/TextField.tsx b/src/core/client/ui/components/TextField/TextField.tsx
index 0383192ce..c07e8b4a6 100644
--- a/src/core/client/ui/components/TextField/TextField.tsx
+++ b/src/core/client/ui/components/TextField/TextField.tsx
@@ -33,6 +33,10 @@ export interface TextFieldProps {
    * Placeholder
    */
   placeholder?: string;
+  /**
+   * readOnly
+   */
+  readOnly?: boolean;
 }
 
 const TextField: StatelessComponent<TextFieldProps> = props => {
diff --git a/src/core/client/ui/components/Typography/Typography.tsx b/src/core/client/ui/components/Typography/Typography.tsx
index a4ab393cc..40b9d92fe 100644
--- a/src/core/client/ui/components/Typography/Typography.tsx
+++ b/src/core/client/ui/components/Typography/Typography.tsx
@@ -14,6 +14,7 @@ type Variant =
   | "heading4"
   | "bodyCopy"
   | "bodyCopyBold"
+  | "inputLabel"
   | "timestamp";
 
 // Based on Typography Component of Material UI.
@@ -133,6 +134,7 @@ Typography.defaultProps = {
     bodyCopy: "p",
     bodyCopyBold: "p",
     timestamp: "span",
+    inputLabel: "label",
   },
   noWrap: false,
   paragraph: false,