minor css fixes

docs/css/main.css

@@ -24,6 +24,7 @@ body {
 
 pre {
     white-space: pre-wrap;
+    font-family: var(--font);
 }
 
 .banner {
@@ -51,6 +52,10 @@ pre {
     top: calc(-1*var(--elem-height))
 }
 
+.banner pre {
+    width: calc(var(--elem-width) - 40px);
+}
+
 .banner,
 .banner-background,
 .content,
@@ -60,19 +65,16 @@ pre {
 
 .avatar {
     display: flex;
-    justify-content: space-around;
-    width: 300px;
+    width: 200px;
     align-items: center;
-}
-
-.banner pre {
-    width: var(--elem-width);
+    margin-bottom: 5px;
 }
 
 .avatar-img {
     width: 50px;
     height: 50px;
-    margin-right: 15px
+    margin-right: 15px;
+    border-radius: var(--border-radius);
 }
 
 .form {
@@ -108,7 +110,8 @@ pre {
     font-weight: 700;
     display: inline-block;
     background: var(--primary-dark);
-    border-color: var(--primary-light)
+    border-color: var(--primary-light);
+    margin: .5rem;
 }
 
 .header {

docs/index.php

@@ -22,7 +22,7 @@
     // todo: make this not look weird
     if ($username) {
         form("Broadcast your thoughts...", $form_message, array(
-            array('key' => 'Post', 'type' => 'textarea', 'name' => 'post', 'default' => '')
+            array('key' => 'Your message', 'type' => 'textarea', 'name' => 'post', 'default' => '')
         ));
     }
     
@@ -37,16 +37,16 @@
                 <img src='/pfp/<?php echo $post['username'] ?>.png' class='avatar-img'>
                 <div>
                     <div><b>
-                            <a class='link' href='/client/user?id=<?php echo $post['username'] ?>'>
+                            <a class='link' href='/user.php?id=<?php echo $post['username'] ?>'>
                                 <?php echo $post['username'] ?>
                             </a>
                         </b></div>
                     <div><b>
                             <?php echo date(DATE_ATOM,$post['date'] + $ref) ?>
                         </b></div>
-                    <pre><?php echo htmlspecialchars($post['content']) ?></pre>
                 </div>
             </div>
+            <pre><?php echo htmlspecialchars($post['content']) ?></pre>
         </div>
     <?php }
     page_footer();

docs/user.php

@@ -101,10 +101,8 @@
         </div>
         
         <div class="avatar">
-            <div></div>
             <b><?php echo count($followers) ?> followers</b>
             <b><?php echo count($following) ?> following</b>
-            <div></div>
         </div>
         <input name="target" hidden="" value="<?php echo $username ?>">