From da5c456cb99404d8dd6573f787a1688ba65c9582 Mon Sep 17 00:00:00 2001
From: SauravDhakal <sauravdhakal121@gmail.com>
Date: Fri, 2 Oct 2026 15:54:52 +0545
Subject: [PATCH] fix: Stylign change in post page

---
 assets/css/extended/custom.css | 37 +++++++++++++++++-----------------
 layouts/posts/list.html        |  6 +-----
 2 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/assets/css/extended/custom.css b/assets/css/extended/custom.css
index 88b6892..281d1ae 100644
--- a/assets/css/extended/custom.css
+++ b/assets/css/extended/custom.css
@@ -161,12 +161,17 @@ main a:hover:not(.entry-link, .anchor),
   stroke: var(--theme) !important;
 }
 
-/* Active Nav State - remain thick underline */
-nav #menu .active span::before {
-  height: 4px;
+#menu .active {
+  border-bottom: none !important;
 }
 
-nav #menu .active a:hover span::before {
+/* Active Nav State - 3x underline (6px) with same green shade */
+nav #menu a span.active::before {
+  height: 6px;
+}
+
+nav #menu a:hover span.active::before,
+nav #menu a:hover span::before {
   height: 100%;
 }
 
@@ -307,7 +312,7 @@ main .post-entry:hover {
 }
 
 /* *
-* POSTS SECTION - Same compact style as notes but with description
+* POSTS SECTION - Compact list style with title and date stacked
 * */
 .posts-list {
   list-style: none;
@@ -316,21 +321,17 @@ main .post-entry:hover {
 }
 
 .post-item {
-  padding: 12px 0;
-  border-bottom: 1px solid var(--tertiary);
-}
-
-.post-item:last-child {
+  padding: 10px 0;
   border-bottom: none;
 }
 
 .post-item a {
   position: relative;
-  display: flex;
-  justify-content: space-between;
-  align-items: baseline;
+  display: flex !important;
+  flex-direction: column;
+  align-items: flex-start;
   text-decoration: none !important;
-  gap: 16px;
+  gap: 4px;
   padding: 8px 12px;
   margin: 0 -12px;
   color: inherit;
@@ -364,12 +365,13 @@ main .post-entry:hover {
   font-size: 1.1rem;
   font-weight: 500;
   color: var(--primary);
+  line-height: 1.4;
 }
 
 .post-date {
-  font-size: 0.85rem;
+  font-size: 1.1rem;
   color: var(--secondary);
-  white-space: nowrap;
+  line-height: 1.4;
 }
 
 .post-summary {
@@ -380,8 +382,7 @@ main .post-entry:hover {
 }
 
 /* Common list styles */
-.note-item a,
-.post-item a {
+.note-item a {
   display: flex !important;
   justify-content: flex-start;
   align-items: center;
diff --git a/layouts/posts/list.html b/layouts/posts/list.html
index a100b5f..49c15ea 100644
--- a/layouts/posts/list.html
+++ b/layouts/posts/list.html
@@ -11,13 +11,9 @@
   {{- range .Pages }}
   <li class="post-item">
     <a href="{{ .Permalink }}">
-      <span class="post-title"># {{ .Title }}</span>
-      <span class="delimiter">&bull;</span>
+      <span class="post-title">{{ .Title }}</span>
       <span class="post-date">{{ .Date.Format "Jan 2, 2006" }}</span>
     </a>
-    {{- if .Summary }}
-    <p class="post-summary">{{ .Summary | plainify | truncate 150 }}</p>
-    {{- end }}
   </li>
   {{- end }}
 </ul>