From cb636f047f8f788af3c16e59efd0d1428cf42531 Mon Sep 17 00:00:00 2001
From: Luna <lunalcampbell@gmail.com>
Date: Sat, 24 Jul 2021 08:17:41 -0700
Subject: [PATCH] Misc appearence changes.

---
 chat.css  |  8 ++++----
 chat.html |  4 ++--
 chat.js   | 11 +++++++----
 index.css |  5 ++---
 4 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/chat.css b/chat.css
index ec6f547..384156e 100644
--- a/chat.css
+++ b/chat.css
@@ -12,7 +12,7 @@ form {
 input {
     padding: 2%;
     width: 100%;
-    background-color: #55CDFC;
+    background-color: darkgrey;
     border-style: none;
     border-bottom-style: solid;
     border-bottom-color: black;
@@ -34,7 +34,7 @@ button {
     font-size: 30px;
 }
 
-#chatbox {
+#outerchatbox {
     background-color: white;
     padding: 1rem;
     box-shadow: 10px 10px 10px black;
@@ -44,8 +44,8 @@ button {
     flex-direction: column;
 }
 
-#innerchatbox {
-    background-color: rgba(60, 60, 60, .85);
+#chatbox {
+    background-color: rgb(60, 60, 60);
     width: 100%;
     height: 90%;
     overflow-y: scroll;
diff --git a/chat.html b/chat.html
index 1f494b1..3b04835 100644
--- a/chat.html
+++ b/chat.html
@@ -15,9 +15,9 @@
 
         <h1>Welcome to the chat!</h1>
 
-        <div id="chatbox">
+        <div id="outerchatbox">
 
-            <div id="innerchatbox">
+            <div id="chatbox">
 
             </div>
             
diff --git a/chat.js b/chat.js
index 73e5e3a..ca2ba7e 100644
--- a/chat.js
+++ b/chat.js
@@ -38,7 +38,7 @@ let messageUpdate = window.setInterval(fetchMessages, 500);
 async function fetchMessages() {
     const response = await fetch('/api/message/messages.json');
     const recievedMessages = await response.json();
-    document.getElementById("innerchatbox").innerHTML = ""
+    document.getElementById("chatbox").innerHTML = ""
 
     for (const message of recievedMessages) {
         printText(message.user.bold().toString() + ": " + message.body.toString());
@@ -46,7 +46,7 @@ async function fetchMessages() {
 
 
     if (recievedMessages.length != messageCount) {
-        let scroll = document.getElementById("innerchatbox");
+        let scroll = document.getElementById("chatbox");
         scroll.scrollTop = scroll.scrollHeight;
     }
 
@@ -58,7 +58,7 @@ async function fetchMessages() {
 
 function printText(text) {
     let p = document.createElement("p");
-    const div = document.getElementById("innerchatbox");
+    const div = document.getElementById("chatbox");
     div.appendChild(p)
     p.innerHTML = text
 }
@@ -75,4 +75,7 @@ function loggedIn() {
     }
 }
 
-loggedIn()
\ No newline at end of file
+loggedIn()
+
+
+//REVIECE USERS PRONOUNS
\ No newline at end of file
diff --git a/index.css b/index.css
index 12a1b98..29147e3 100644
--- a/index.css
+++ b/index.css
@@ -1,6 +1,5 @@
 html {
     background: #F7A8B8;
-    text-align: center;
     font-family: "Lucida Console", "Courier New", monospace;
 }
 
@@ -28,14 +27,14 @@ a {
     margin-right: 0.3em;
     margin-left: -40%;
     margin-top: auto;
-    margin-bottom: auto;
+    margin-bottom: 20%;
 }
 
 #chatbox {
     flex: 1;
     height: 53rem;
     margin-left: 0.3em;
-    margin-right: -50%;
+    margin-right: -30%;
     border: none;
 }