diff --git a/src/containers/Chat/ChatMessages/ListReplyTemplate/ListReplyTemplate.module.css b/src/containers/Chat/ChatMessages/ListReplyTemplate/ListReplyTemplate.module.css index fb6934155..36fefb072 100644 --- a/src/containers/Chat/ChatMessages/ListReplyTemplate/ListReplyTemplate.module.css +++ b/src/containers/Chat/ChatMessages/ListReplyTemplate/ListReplyTemplate.module.css @@ -30,12 +30,18 @@ justify-content: space-between; text-transform: none !important; font-weight: 400 !important; + text-align: left; +} + +.ListItemChat > span > div > :last-child { + font-size: 12px; } .ListItem { - font-size: 12px !important; + font-size: 11px !important; width: 100%; font-weight: 300 !important; + text-transform: none !important; } .ListItem > span { @@ -47,6 +53,12 @@ color: #073f24; } +.ListItem > span > div > :last-child { + font-size: 9px !important; + text-align: left; + color: #073f24; +} + .Drawer { background: white; z-index: 100; diff --git a/src/containers/Chat/ChatMessages/ListReplyTemplate/ListReplyTemplate.tsx b/src/containers/Chat/ChatMessages/ListReplyTemplate/ListReplyTemplate.tsx index 1f6274cdb..27bc12e11 100644 --- a/src/containers/Chat/ChatMessages/ListReplyTemplate/ListReplyTemplate.tsx +++ b/src/containers/Chat/ChatMessages/ListReplyTemplate/ListReplyTemplate.tsx @@ -53,7 +53,10 @@ export const ChatTemplate: React.SFC = (props) => { className={styles.ListItemChat} onClick={() => setCheckedItem(option.title)} > -
{option.title}
+
+
{option.title}
+
{option.description}
+
= (props) => { className={styles.ListItem} onClick={() => setCheckedItem(option.title)} > -
{option.title}
+
+
{option.title}
+
{option.description}
+