improve details styling

1 files changed, 13 insertions, 4 deletions

diff --git a/http/src/css/feed.uppcss b/http/src/css/feed.uppcss
index 60d67ec..841476c 100644
--- a/http/src/css/feed.uppcss
+++ b/http/src/css/feed.uppcss
@@ -15,6 +15,15 @@ ul:has(> .h-entry) {
 .h-feed .h-entry {
   display: flex;
   flex-direction: column;
+  margin-inline: calc(-1 * var(--spacing-inline-md));
+  border: 2px solid;
+  padding: var(--spacing-inline-md);
+  background: var(--colour-primary-bg-accent);
+  cursor: pointer;
+
+  > details > summary::marker {
+    list-style-type: none;
+  }
 }
 
 .h-feed .h-entry + .h-entry {
@@ -26,6 +35,10 @@ ul:has(> .h-entry) {
   margin: 0;
 }
 
+.h-feed .h-entry summary :is(h2, h3, h4, h5, h6) {
+  margin: 0;
+}
+
 .h-feed .h-entry .entry-meta {
   order: 0;
   font-size: var(--font-size-sm);
@@ -56,10 +69,6 @@ ul:has(> .h-entry) {
 
 .h-feed .e-content {
   border-bottom: solid 1px;
-  &:not(.e-content--expanded) {
-    height: 10rem;
-    overflow: clip;
-  }
 }
 
 .h-feed .h-entry > button {