diff --git a/docs/css/main.css b/docs/css/main.css
index e865a94..8461433 100644
--- a/docs/css/main.css
+++ b/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 {
diff --git a/docs/index.php b/docs/index.php
index a188438..d97084d 100644
--- a/docs/index.php
+++ b/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 @@
.png' class='avatar-img'>