docs: share cleanup title

1 files changed, 29 insertions, 5 deletions

diff --git a/packages/web/src/components/share.module.css b/packages/web/src/components/share.module.css
index 53f082c9b..ae45d3768 100644
--- a/packages/web/src/components/share.module.css
+++ b/packages/web/src/components/share.module.css
@@ -89,7 +89,7 @@
     padding: 0;
     margin: 0;
     display: flex;
-    gap: 0.5rem 1rem;
+    gap: 0.5rem 0.875rem;
     flex-wrap: wrap;
 
     li {
@@ -104,8 +104,7 @@
     }
   }
 
-  [data-section="stats"][data-section-root],
-  [data-section="stats"][data-section-models] {
+  [data-section="stats"] {
     li {
       gap: 0.3125rem;
 
@@ -375,7 +374,7 @@
       }
     }
   }
-  [data-part-type="connection-status"] {
+  [data-part-type="summary"] {
     & > [data-section="decoration"] {
       span:first-child {
         flex: 0 0 auto;
@@ -405,12 +404,37 @@
     }
 
     & > [data-section="content"] {
-      span {
+      display: flex;
+      flex-direction: column;
+      gap: 0.5rem;
+
+      p[data-section="copy"] {
         display: block;
         line-height: 18px;
         font-size: 0.875rem;
         color: var(--sl-color-text-dimmed);
       }
+
+      [data-section="stats"] {
+        list-style-type: none;
+        padding: 0;
+        margin: 0;
+        display: flex;
+        gap: 0.5rem 0.875rem;
+        flex-wrap: wrap;
+
+        li {
+          display: flex;
+          align-items: center;
+          gap: 0.5rem;
+          font-size: 0.75rem;
+          color: var(--sl-color-text-secondary);
+
+          span[data-placeholder] {
+            color: var(--sl-color-text-dimmed);
+          }
+        }
+      }
     }
   }
 }