1 files changed, 24 insertions, 14 deletions

diff --git a/http/src/css/feed.uppcss b/http/src/css/feed.uppcss
index ae7c05d..5db8431 100644
--- a/http/src/css/feed.uppcss
+++ b/http/src/css/feed.uppcss
@@ -15,6 +15,25 @@ ul:has(> .h-entry) {
 .h-feed .h-entry {
   display: flex;
   flex-direction: column;
+
+  &:has(details) {
+    margin-inline: calc(-1 * var(--spacing-inline-lg));
+    border: 2px solid;
+    padding-inline: var(--spacing-inline-lg);
+    padding-block: var(--spacing-block-sm);
+    background: var(--colour-primary-bg-accent);
+    cursor: pointer;
+  }
+
+  > details > summary {
+    margin-inline-start: -1rem;
+    &::marker {
+      font-size: 1rem;
+    }
+    :is(h2, h3, h4, h5, h6) {
+      display: inline;
+    }
+  }
 }
 
 .h-feed .h-entry + .h-entry {
@@ -26,6 +45,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);
@@ -38,6 +61,7 @@ ul:has(> .h-entry) {
   > * + *::before {
     content: '•';
     padding-inline: var(--spacing-inline-sm);
+  }
 }
 
 .h-feed .h-entry .p-name {
@@ -52,17 +76,3 @@ ul:has(> .h-entry) {
 .h-feed :is(a.full-feed-link, .full-feed-link a)::after {
   content: ' >';
 }
-
-.h-feed .e-content {
-  border-bottom: solid 1px;
-  &:not(.e-content--expanded) {
-    height: 10rem;
-    overflow: clip;
-  }
-}
-
-.h-feed .h-entry > button {
-  width: max-content;
-  align-self: center;
-  margin-block-start: var(--spacing-block-xs);
-}