Moved feedback icons to top right of chat (#104)

ohcnetwork · Sep 8, 2023 · 98cc475 · 98cc475 · vercel · Sep 8, 2023
1 parent 5ad51f1
commit 98cc475
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/components/chatblock.tsx b/src/components/chatblock.tsx
@@ -121,7 +121,7 @@ export default function ChatBlock(props: {
 
   return (
     <div
-      className={`flex flex-col gap-4 p-4 md:p-6 ${
+      className={`relative flex flex-col gap-4 p-4 pt-8 md:p-6 md:pt-8 ${
         message?.messageType === ChatMessageType.USER ? "bg-gray-500/5" : ""
       }`}
     >
@@ -255,10 +255,12 @@ export default function ChatBlock(props: {
           </div>
         )}
       {message?.messageType === ChatMessageType.AYUSHMA && (
-        <ChatFeedback
-          message_id={message.external_id}
-          feedback={message?.feedback ?? null}
-        />
+        <div className="absolute top-2 right-2">
+          <ChatFeedback
+            message_id={message.external_id}
+            feedback={message?.feedback ?? null}
+          />
+        </div>
       )}
     </div>
   );