fix: Fixed comment bubble cluster width

Fixed comment bubbles so that the comment bubble sizes do not use the longest comment width in the cluster
equinor · Sep 18, 2023 · 9c8afbd · 9c8afbd
1 parent dde35c9
commit 9c8afbd
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/Components/SideSheet/Comments/Components/ClusteredMessages.tsx b/src/Components/SideSheet/Comments/Components/ClusteredMessages.tsx
@@ -31,6 +31,11 @@ const TimeStamp = styled.div`
     }
 `
 
+const SubContainer = styled.div`
+    display: flex;
+    flex-direction: column;
+`
+
 interface ClusteredMessagesProps {
 }
 
@@ -110,7 +115,7 @@ const ClusteredMessages: FC<ClusteredMessagesProps> = () => {
                             <Typography variant="meta">{formatDate(cluster.meta.createdDate)}</Typography>
                         </TimeStamp>
                     </Header>
-                    <div>
+                    <SubContainer>
                         {cluster.messages.map((message, messageIndex) => (
                             <>
                                 {message.isEdited && (
@@ -128,7 +133,7 @@ const ClusteredMessages: FC<ClusteredMessagesProps> = () => {
                                 />
                             </>
                             ))}
-                    </div>
+                    </SubContainer>
                 </Container>
             ))}
         </>