update css, account page

public/style.css

@@ -89,19 +89,26 @@ header {
   padding: 15px;
 }
 
-.map-overview {
+.post {
+  align-items: center;
+  border: 1px solid rgb(41, 94, 163);
   display: flex;
+  flex-flow: column;
   justify-content: center;
-  max-width: 95%;
+  gap: 50px;
+  margin: 20px;
+  width: 100%;
+  max-width: 600px; /* Set the maximum width */
+  height: auto; /* Adjust the height as needed */
+  padding: 20px; /* Add padding for spacing inside the box */
 }
 
-#location-list,
-#location-details {
-  align-items: center;
+#input-form {
   display: flex;
   flex-flow: column;
+  align-items: center;
   justify-content: center;
-  gap: 15px;
+  gap: 20px;
   width: 100%;
 }
 

views/account.erb

@@ -11,14 +11,18 @@
     </div>
     <div class="text">Chitter</div>
   </header>
-  <div>What would you like to say?</div>
-  <div><form action="/account_page" method="POST">
+  <div></div>
+  <div id="input-form">What would you like to say?<form action="/account_page" method="POST">
   <input type="text" name="message">
   <input type="submit" value="Post a message!">
-  </form></div>
-    <% @@posts.each do |post| %>
-      <%= post %><br />
-    <% end %>
+  </form> <div id="container" >
+  <% @@posts.each do |post| %>
+    <div class="post">
+      <%= post %><br>
+    </div>
+  <% end %>
+</div>
+</div>
     <a href="http://localhost:9292/logout">Logout</a>
   </body>
 </html>

views/index.erb

@@ -20,10 +20,13 @@
       </div>
     </div>
   </header>
-  <div id="container" class="startpage-wrapper">
-    <% @@posts.each do |post| %>
-      <%= post %><br>
-    <% end %>
+  <div id="container" >
+      <% @@posts.each do |post| %>
+        <div class="post">
+          <%= post %><br>
+        </div>
+      <% end %>
+    </div>
   </div>
 </body>
 </html>