From aa0405ee98c45a9bb25dd9959d899bbd56bc1b02 Mon Sep 17 00:00:00 2001
From: Bobby <bobbyskhs@gmail.com>
Date: Fri, 18 Jul 2025 17:07:23 +0530
Subject: =?UTF-8?q?favourite=20system=20and=20=E2=88=82etails=20on=20singl?=
 =?UTF-8?q?e=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/main.css | 53 +++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 53 insertions(+)

(limited to 'static')

diff --git a/static/css/main.css b/static/css/main.css
index c6cb393..cdd39e5 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -845,6 +845,7 @@ footer::before {
 #post-image {
     display: block;
     height: auto;
+    margin-bottom: 8px;
 }
 
 #post-image.fit-width {
@@ -867,4 +868,56 @@ footer::before {
     width: auto;
     height: auto;
     max-width: none;
+}
+
+.post-details {
+    margin: 4px auto;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    gap: 16px;
+}
+
+.post-detail-item {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.post-detail-label {
+    color: #cccccc;
+    white-space: nowrap;
+}
+
+.post-favourite-actions {
+    display: flex;
+    align-items: center;
+    gap: 4px;
+}
+
+.post-favourite-actions form {
+    margin: 0;
+    padding: 0;
+}
+
+.icon-button {
+    background: none;
+    border: none;
+    cursor: pointer;
+    padding: 2px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: #99ccff;
+    transition: color 0.3s ease;
+}
+
+.icon-button:hover {
+    color: #99ffcc;
+}
+
+.icon-button svg {
+    width: 16px;
+    height: 16px;
+    fill: currentColor;
 }
\ No newline at end of file
-- 
cgit v1.2.3