From 1a8e913f2818a3843644d40b26bfe7ea2c31c033 Mon Sep 17 00:00:00 2001
From: Jarkko Toivanen <jt@jakest.us>
Date: Sun, 29 Sep 2024 00:18:04 +0300
Subject: [PATCH] Make them corners beatiful

---
 index.php |  3 +++
 style.css | 27 +++++++++++++++++++++++++--
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/index.php b/index.php
index 614f996..801fb0c 100755
--- a/index.php
+++ b/index.php
@@ -79,8 +79,11 @@ $posts = array_reverse($database->getPosts());
 //var_dump($posts);
 foreach($posts as $post) {
 	echo '<div class="post">';
+	echo '<div class="postinfo">';
 	echo '<strong>' . $post["user.name"] . '</strong>';
 	echo '<br><small>@' . $post["user.handle"] . '</small>';
+	echo '</div>';
+
 	echo '<p>' . $post["post.text"] . '</p>';
 	echo '<hr><small>' . date("D j.n.Y \@ G:i", $post["post.time"]) . '</small>';
 	echo '
diff --git a/style.css b/style.css
index a776198..19d2a9f 100644
--- a/style.css
+++ b/style.css
@@ -62,14 +62,37 @@ hr {
 }
 
 .post {
+	position: relative;
 	border-style: solid;
 	border-width: 1px;
 	padding: 1rem;
-	margin-top: 1rem;
+	margin-top: 3rem;
 	border-radius: 1rem;
 }
+.postinfo {
+	position: absolute;
+	left: -1px;
+	top: -2em;
+	height: 3rem;
+	min-width: 15rem;
+	background-color: #ffc000;
+	color: #000000;
+	border-radius: 3rem;
+	border-bottom-left-radius: 0;
+	padding: .25rem;
+	padding-left: 1rem;
+	padding-right: 1rem;
+	text-wrap: nowrap;
+}
 .postactions  {
-	float: right;
+	/*float: right;*/
+	position: absolute;
+	background-color: #ffc000;
+	padding: .25rem;
+	border-radius: 2rem;
+	border-top-right-radius: 0;
+	right: -1px;
+	bottom: -1rem;
 }
 .reactionaction {
 	height: 2rem;