From 995d380b9f7ce527cc17632fb43412630e069679 Mon Sep 17 00:00:00 2001
From: Kevin Froman <beardog@firemail.cc>
Date: Sun, 18 Aug 2019 22:54:36 -0500
Subject: [PATCH] work on chat

---
 onionr/static-data/www/chat/css/convos.css | 33 ++++++++++++++++++++--
 onionr/static-data/www/chat/index.html     | 10 +++++--
 2 files changed, 38 insertions(+), 5 deletions(-)

diff --git a/onionr/static-data/www/chat/css/convos.css b/onionr/static-data/www/chat/css/convos.css
index 24d8a093..d174c192 100644
--- a/onionr/static-data/www/chat/css/convos.css
+++ b/onionr/static-data/www/chat/css/convos.css
@@ -23,11 +23,40 @@
     display: block;
 }
 
+/*
 .chatInput{
     position: fixed;
     bottom: 0;
-
+}
+*/
+.chatInput{
+    margin-top: -3em;
 }
 .chatInput textarea{
     resize: none;
-}
\ No newline at end of file
+}
+.chatInput textarea::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
+    color: black;
+    opacity: 1; /* Firefox */
+}
+
+.from{
+    margin-top: 1em;
+    display: block;
+    padding-bottom: 0.5em;
+}
+
+.chatFeed{
+    display: block;
+    max-height: 500px;
+    overflow-y: scroll;
+    min-height: 100%;
+    padding-top: 4em;
+    transform: rotate(180deg);
+    direction: rtl;
+  }
+
+.messageEntry{
+    transform: rotate(180deg);
+    direction: ltr;
+}
diff --git a/onionr/static-data/www/chat/index.html b/onionr/static-data/www/chat/index.html
index a44f8049..35de8648 100755
--- a/onionr/static-data/www/chat/index.html
+++ b/onionr/static-data/www/chat/index.html
@@ -90,12 +90,16 @@
             <ul class='conversationList'></ul>
         </div>
         <div class="column chatBox has-text-light has-background-dark is-four-fifths">
-            <span class="chatFeed"></span>
+            <span class="chatFeed">
+                <div class="messageEntry">
+                    <span class="from has-text-primary">Jenny</span>
+                    <div class="messageContent">I'll stay right here</div>
+                </div>
+            </span>
             <div class="field has-addons">
                 <p class="control chatInput">
-                    <textarea class="textarea" name="message-to-send" id="message-to-send" placeholder="Type your message" rows="1"></textarea>
+                    <textarea class="textarea has-dark-text" name="message-to-send" id="message-to-send" placeholder="Type your message" rows="1"></textarea>
                 </p>
-
             </div>
         </div>
     </div>