Add hidden group update form to new conversation view

index.html

@@ -52,6 +52,15 @@
         </script>
         <script type='text/x-tmpl-mustache' id='new-conversation'>
             <input type='text' class='new-message' placeholder="Name or phone number" />
+            <div class='new-group-update-form'>
+              <div>
+                <input type='text' name='name' class='name' placeholder='Group Name' value="{{ name }}">
+              </div>
+              <div class='group-avatar'>
+                <div><input type='file' name='avatar' class='file-input'></div>
+              </div>
+              <button>Create group</button>
+            </div>
             <div class='results'>
               <div class='new-contact'></div>
               <div class='contacts'></div>

stylesheets/index.scss

@@ -35,6 +35,10 @@ input.new-message {
   }
 }
 
+.new-conversation .new-group-update-form {
+  display: none;
+}
+
 .fab {
   z-index: 1;
   position: fixed;

stylesheets/manifest.css

@@ -25,6 +25,9 @@ input.new-message {
     color: white;
     text-indent: -36px; }
 
+.new-conversation .new-group-update-form {
+  display: none; }
+
 .fab {
   z-index: 1;
   position: fixed;