Change some styling to better match the designs

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
pull/21833/head
Š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; justify-content: space-between;
background-color: $dark-panel-bg-color; background-color: $dark-panel-bg-color;
padding: 10px; padding: 12px 16px 12px 12px;
border-radius: 8px; border-radius: 8px;
margin: 10px auto; margin: 10px auto;
max-width: 75%; max-width: 75%;
@ -37,10 +37,17 @@ limitations under the License.
flex-direction: column; flex-direction: column;
margin-left: 10px; // To match mx_CallEvent margin-left: 10px; // To match mx_CallEvent
.mx_CallEvent_sender {
font-weight: 600;
font-size: 1.5rem;
line-height: 1.8rem;
}
.mx_CallEvent_type { .mx_CallEvent_type {
font-weight: 400; font-weight: 400;
color: gray; 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} height={32}
/> />
<div className="mx_CallEvent_info_basic"> <div className="mx_CallEvent_info_basic">
<div> <div className="mx_CallEvent_sender">
{ sender } { sender }
</div> </div>
<div className="mx_CallEvent_type"> <div className="mx_CallEvent_type">