From 149ffd32e64569cfa63a13fb15b96bbe03ff29a2 Mon Sep 17 00:00:00 2001
From: Liam Fitzgerald <liam@urizen.co>
Date: Tue, 1 Sep 2020 01:25:51 +1000
Subject: [PATCH] publish: make input form expand to screen

---
 .../src/views/apps/publish/components/lib/MarkdownField.tsx    | 2 +-
 .../src/views/apps/publish/components/lib/NoteForm.tsx         | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/pkg/interface/src/views/apps/publish/components/lib/MarkdownField.tsx b/pkg/interface/src/views/apps/publish/components/lib/MarkdownField.tsx
index efd4f0e47..b60af6a5c 100644
--- a/pkg/interface/src/views/apps/publish/components/lib/MarkdownField.tsx
+++ b/pkg/interface/src/views/apps/publish/components/lib/MarkdownField.tsx
@@ -12,7 +12,7 @@ export const MarkdownField = ({ id, ...rest }: { id: string; } & Parameters<type
   const [{ value }, { error, touched }, { setValue, setTouched }] = useField(id);
 
   return (
-    <Box width="100%" display="flex" flexDirection="column" {...rest}>
+    <Box height="100%" width="100%" display="flex" flexDirection="column" {...rest}>
       <MarkdownEditor
         onFocus={() => setTouched(true)}
         onBlur={() => setTouched(false)}
diff --git a/pkg/interface/src/views/apps/publish/components/lib/NoteForm.tsx b/pkg/interface/src/views/apps/publish/components/lib/NoteForm.tsx
index cc83d248d..e4cc1f8ae 100644
--- a/pkg/interface/src/views/apps/publish/components/lib/NoteForm.tsx
+++ b/pkg/interface/src/views/apps/publish/components/lib/NoteForm.tsx
@@ -31,10 +31,11 @@ export function PostForm(props: PostFormProps) {
   return (
     <Box
       width="100%"
+      height="100%"
       p={[2, 4]}
       display="grid"
       justifyItems="start"
-      gridAutoRows="min-content"
+      gridTemplateRows={["64px 64px 1fr", "64px 1fr"]}
       gridTemplateColumns={["100%", "1fr 1fr"]}
       gridColumnGap={2}
       gridRowGap={2}