feat(viewer): 💄 Add margins on bubbles

baptisteArno · Apr 9, 2022 · 611dbad · 611dbad · vercel · Apr 9, 2022
1 parent cd879ee
commit 611dbad
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/packages/bot-engine/src/components/ChatBlock/ChatBlock.tsx b/packages/bot-engine/src/components/ChatBlock/ChatBlock.tsx
@@ -219,7 +219,7 @@ const ChatChunks = ({
             hostAvatarSrc={hostAvatar.src}
           />
         )}
-        <div className="flex-1">
+        <div className="flex-1" style={{ marginRight: '50px' }}>
           <TransitionGroup>
             {bubbles.map((step) => (
               <CSSTransition

diff --git a/packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/GuestBubble.tsx b/packages/bot-engine/src/components/ChatBlock/ChatStep/bubbles/GuestBubble.tsx
@@ -19,7 +19,11 @@ export const GuestBubble = ({
 
   return (
     <CSSTransition classNames="bubble" timeout={1000}>
-      <div className="flex justify-end mb-2 items-end" onClick={onClick}>
+      <div
+        className="flex justify-end mb-2 items-end"
+        onClick={onClick}
+        style={{ marginLeft: '50px' }}
+      >
         <span
           className="px-4 py-2 rounded-lg mr-2 whitespace-pre-wrap max-w-full typebot-guest-bubble cursor-pointer hover:brightness-90 active:brightness-75"
           data-testid="guest-bubble"