Tweak margins (#7310)

holoviz · Sep 24, 2024 · 252a85e · 252a85e
1 parent 79d9ba2
commit 252a85e
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/panel/dist/css/chat_copy_icon.css b/panel/dist/css/chat_copy_icon.css
@@ -1,3 +1,4 @@
 :host {
   margin-top: 4px;
+  margin-inline: 3px;
 }
diff --git a/panel/dist/css/chat_message.css b/panel/dist/css/chat_message.css
@@ -39,7 +39,7 @@
 }
 
 .meta {
-  margin-bottom: -8px;
+  margin-bottom: -6px;
 }
 
 .left {
@@ -77,7 +77,6 @@
       1px;
   font-size: 1.25em;
   min-height: 50px;
-  margin-block: 2px;
   margin-left: 10px; /* Space for avatar */
   background-color: var(--panel-surface-color, #f1f1f1);
   min-width: 0;
@@ -101,7 +100,7 @@
 .timestamp {
   opacity: 0.5;
   transition: opacity 0.1s ease-in-out;
-  margin-block: 0px;
+  margin-block: 2px;
 }
 
 .timestamp:hover {
@@ -119,6 +118,8 @@
 
 .icons {
   opacity: 0.5;
+  margin-left: 8px;
+  margin-top: -2px;
   transition: opacity 0.1s ease-in-out;
 }
 
@@ -146,7 +147,3 @@
   font-size: 1.25em;
   line-height: 0.9em;
 }
-
-.copy-icon {
-  margin-left: 10px;
-}
diff --git a/panel/dist/css/chat_reaction_icons.css b/panel/dist/css/chat_reaction_icons.css
@@ -1,5 +1,5 @@
 :host {
   width: fit-content;
-  margin-top: 2px;
-  margin-left: 3px;
+  margin-top: 4px;
+  margin-inline: 3px;
 }