initial chat form layout

2020-06-04 03:15:27 -07:00
parent 33f994fcfd
commit 60080cd93c
3 changed files with 52 additions and 46 deletions
--- a/webroot/styles/layout.css
+++ b/webroot/styles/layout.css
@@ -74,10 +74,23 @@ header h1 {
  height: calc(100vh - 3em)
 }

-#info {
-  height: 500px;
+#chat-input-container {
+  position: absolute;
+  bottom: 0;
+  width: 100%;
+  border-top: 1px solid #eee;
+  padding: 1em;
+  background-color: #334;
 }

+#chat-form {
+  flex-direction: column;
+  align-items: flex-end;
+  margin-bottom: 0;
+}
+
+
+

 .no-chat .left-col {
  width: 100vw;