From a94e8266d72ae070fa040f6856bfc8a3029c5ed7 Mon Sep 17 00:00:00 2001
From: Krystie <krystie@openclaw.local>
Date: Thu, 4 Jun 2026 17:37:45 -0700
Subject: [PATCH] Clean up feed: bigger avatars, icons, meta text, more spacing

---
 assets/beep.css | 41 +++++++++++++++++++++--------------------
 1 file changed, 21 insertions(+), 20 deletions(-)

diff --git a/assets/beep.css b/assets/beep.css
index c31ff70..282877e 100755
--- a/assets/beep.css
+++ b/assets/beep.css
@@ -108,6 +108,7 @@
   gap: 12px;
   padding: 16px 20px;
   border-bottom: 1px solid var(--beep-border);
+  background: var(--beep-bg);
 }
 
 .beep-embed .beep-compose-body {
@@ -232,10 +233,10 @@
 
 /* Avatars */
 .beep-embed .beep-feed .beep-avatar {
-  width: 48px !important;
-  height: 48px !important;
-  min-width: 48px !important;
-  max-width: 48px !important;
+  width: 56px !important;
+  height: 56px !important;
+  min-width: 56px !important;
+  max-width: 56px !important;
   border-radius: 50% !important;
   flex-shrink: 0;
   background: var(--beep-border);
@@ -268,7 +269,7 @@
 .beep-embed .beep-post {
   display: flex;
   gap: 12px;
-  padding: 14px 20px;
+  padding: 16px 20px;
   border-bottom: 1px solid var(--beep-border);
   background: var(--beep-bg);
   transition: background-color 0.15s ease;
@@ -284,10 +285,10 @@
 .beep-embed .beep-meta {
   display: flex;
   align-items: center;
-  gap: 4px;
-  font-size: 15px;
-  line-height: 1.2;
-  margin-bottom: 2px;
+  gap: 6px;
+  font-size: 16px;
+  line-height: 1.3;
+  margin-bottom: 4px;
   flex-wrap: wrap;
 }
 
@@ -348,23 +349,23 @@
 .beep-embed .beep-action {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 6px;
   background: transparent;
   border: 0;
   color: var(--beep-muted);
-  font-size: 13px;
+  font-size: 14px;
   font-family: inherit;
   cursor: pointer;
-  padding: 6px 8px;
-  margin: -6px -8px;
+  padding: 8px 10px;
+  margin: -8px -10px;
   border-radius: 9999px;
   transition: color 0.15s ease, background-color 0.15s ease;
 }
 
 .beep-embed .beep-action svg,
 .beep-embed .beep-action .beep-icon-svg {
-  width: 18px;
-  height: 18px;
+  width: 22px;
+  height: 22px;
   fill: currentColor;
   display: block;
   flex-shrink: 0;
@@ -687,14 +688,14 @@
 
 /* Post badge */
 .beep-embed .beep-post-badge {
-  width: 18px;
-  height: 18px;
+  width: 24px;
+  height: 24px;
   flex-shrink: 0;
-  opacity: 0.5;
-  margin-left: 2px;
+  opacity: 0.7;
+  margin-left: 4px;
 }
 
-.beep-embed .beep-post-badge:hover { opacity: 0.8; cursor: pointer; }
+.beep-embed .beep-post-badge:hover { opacity: 1; cursor: pointer; }
 
 /* Loading */
 .beep-embed .beep-loading { opacity: 0.5; pointer-events: none; }