如何为相同动态组件angular8的每个实例赋予CSS样式

Question

我是Angular的新用户，我正在创建一个具有相同facebook行为的聊天应用程序。我需要每个聊天框都出现在屏幕的底部（现在它们出现在屏幕的中间），并且当用户被选中时，出现的对话框您应该留在已经存在的对话框旁边。

我还需要当这些聊天框占据整个空间时，显示类似于附件的图像的按钮，其中出现一个按钮，您选择的第一个框将出现，以便您可以选择并继续该对话。在以下链接中，我的应用程序正常工作。有人可以帮我吗？应用程序代码和演示可以看到here。

我想要的行为图像如下：