COMMUNITY

hi.

everything works, but still not right padding from the bot-output...

please help. thanks.

here is my css code:

.chat__starter .mat-primary {
background-color: #898989 !important;
border-color: #ffffff !important;
font-color: #000 !important;
border-radius: 10px !important;
}

.message {
margin-bottom: 0px !important;
margin-top: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}

.chat__header
{ border-color: #ffffff !important; }

.chat__body
{ border-radius: 2px !important;
border-color: #ffffff !important;
margin-bottom: 0px !important;
margin-top: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important
padding-right: 0px;
padding-left: 0px;

font-size: 14px !important;}

.chat__input
{ border-radius: 4px !important;
border-color: #ffffff !important;
font-size: 14px;
background-color: #ffffff !important; }

.message__body-img
{
border-size: 1px !important;
border-color: #ffffff !important;
font-size: 14px !important;

background-color: #ffffff !important; }

.messagelink
{
font-size: 15px !important;
border-color: #ffffff !important;
background-color: #ffffff !important;
}
.messagewrapper
{
font-size: 15px !important;
border-color: #ffffff !important;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
background-color: #ffffff !important;
}
.message__body
{ background-color: #ffffff !important;
border-color: #ffffff !important;
border-radius: 20px !important;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
}

.message__date
{display: none !important;}

.chat__form
{ background-color: #ffffff !important;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-right: 0px;
padding-left: 0px;
border-color: #ffffff !important; }

.chat__audio
{
background-color: #ffffff! important;

}

.chat__avatar
{ background-color: #ffffff !important;
border-color: #ffffff !important;
border-radius: 20px !important;
}

.message__suggested-btn:hover
{ box-shadow: 0 4px 5px -2px rgba(0, 0, 0, 0.5); }