idk

kiszolgalo/src/main/resources/index.html

@@ -24,18 +24,15 @@
     </a>
 </header>
 
-<div class="main-content">
     <div id="messages" class="messages">
 
     </div>
-</div>
-
-<footer>
+    <footer>
         <div class="textbox">
             <input class="text_input" name="valami" type="text" id="promptText" placeholder="Kérdezz az OSI modellről... vagy idk...">
             <button class="send_button" onclick="send_data()">send</button>
         </div>
-</footer>
+    </footer>
 
 </div>
 

kiszolgalo/src/main/resources/style.css

@@ -42,8 +42,6 @@ body {
 
 .message {
     margin: auto;
-    position: relative;
-    bottom: 0px;
     margin-bottom: 10px;
     padding: 0px 25px;
     text-align: left;
@@ -61,9 +59,10 @@ body {
 }
 
 .messages {
-    height: 100%;
+    margin-bottom: 10%;
+    position: relative;
     display: flex;
-    margin: 0px auto 0px auto;
+    margin: 5px auto 0px auto;
     padding: 10px 0px;
     flex-direction: column-reverse;
     width: 80%;
@@ -142,6 +141,7 @@ body {
 
 .navbar {
     width: 100%;
+    z-index: 5;
     position: fixed;
     padding: 10px;
     background: #212121;