Change some styling to better match the designs

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
This commit is contained in:
Šimon Brandner 2021-06-17 16:33:00 +02:00
parent 949532c297
commit 7b6c3aec63
No known key found for this signature in database
GPG key ID: 9760693FDD98A790
2 changed files with 10 additions and 3 deletions

View file

@ -21,7 +21,7 @@ limitations under the License.
justify-content: space-between;
background-color: $dark-panel-bg-color;
padding: 10px;
padding: 12px 16px 12px 12px;
border-radius: 8px;
margin: 10px auto;
max-width: 75%;
@ -37,10 +37,17 @@ limitations under the License.
flex-direction: column;
margin-left: 10px; // To match mx_CallEvent
.mx_CallEvent_sender {
font-weight: 600;
font-size: 1.5rem;
line-height: 1.8rem;
}
.mx_CallEvent_type {
font-weight: 400;
color: gray;
line-height: $font-14px;
font-size: 1.2rem;
line-height: 1.5rem;
}
}
}

View file

@ -170,7 +170,7 @@ export default class CallEvent extends React.Component<IProps, IState> {
height={32}
/>
<div className="mx_CallEvent_info_basic">
<div>
<div className="mx_CallEvent_sender">
{ sender }
</div>
<div className="mx_CallEvent_type">