only apply card styling to h-entries with details inside

1 files changed, 8 insertions, 5 deletions

diff --git a/http/src/css/feed.uppcss b/http/src/css/feed.uppcss
index 18c429a..c2574a0 100644
--- a/http/src/css/feed.uppcss
+++ b/http/src/css/feed.uppcss
@@ -15,11 +15,14 @@ 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;
+
+  &:has(details) {
+    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;