styling share

1 files changed, 25 insertions, 5 deletions

diff --git a/app/packages/web/src/components/share.module.css b/app/packages/web/src/components/share.module.css
index 0b5a80bfd..fa4606f30 100644
--- a/app/packages/web/src/components/share.module.css
+++ b/app/packages/web/src/components/share.module.css
@@ -78,14 +78,29 @@
       gap: 0.5rem;
       font-size: 0.875rem;
 
-      span:last-child {
-        &[data-placeholder] {
+      span[data-placeholder] {
           color: var(--sl-color-text-dimmed);
-        }
       }
     }
   }
 
+  [data-section="stats"][data-section-models] {
+    gap: 0.5rem;
+
+    [data-stat-model-icon] {
+      flex: 0 0 auto;
+      color: var(--sl-color-text-dimmed);
+      opacity: 0.85;
+      svg {
+        display: block;
+      }
+    }
+
+    span[data-stat-model] {
+      color: var(sl-color-text);
+    }
+  }
+
   [data-section="date"] {
     span {
       font-size: 0.875rem;
@@ -139,16 +154,21 @@
     flex-direction: column;
     gap: 0.5rem;
 
-    span:first-child {
+    span[data-part-title] {
       padding-top: 2px;
       font-size: 0.75rem;
     }
 
-    span:last-child {
+    span[data-part-footer] {
       align-self: flex-start;
       font-size: 0.75rem;
       color: var(--sl-color-text-dimmed);
     }
+
+    span[data-part-model] {
+      line-height: 1.5;
+      font-weight: 500;
+    }
   }
 }