Make chat bar buttons have a consistent size (#927)

Co-authored-by: V <vendicated@riseup.net>
This commit is contained in:
Nuckyz 2023-04-16 23:09:11 -03:00 committed by GitHub
parent 5305447f44
commit 43d7ca4c30
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 4 additions and 4 deletions

@ -85,7 +85,7 @@ function ChatBarIcon() {
onMouseLeave={onMouseLeave} onMouseLeave={onMouseLeave}
innerClassName={ButtonWrapperClasses.button} innerClassName={ButtonWrapperClasses.button}
onClick={() => buildEncModal()} onClick={() => buildEncModal()}
style={{ marginRight: "2px" }} style={{ padding: "0 4px" }}
> >
<div className={ButtonWrapperClasses.buttonWrapper}> <div className={ButtonWrapperClasses.buttonWrapper}>
<svg <svg

@ -43,7 +43,7 @@
} }
.vc-st-button { .vc-st-button {
margin-right: 4px; padding: 0 8px;
} }
.vc-st-button svg { .vc-st-button svg {

@ -53,7 +53,7 @@ function SilentMessageToggle(chatBoxProps: {
size="" size=""
look={ButtonLooks.BLANK} look={ButtonLooks.BLANK}
innerClassName={ButtonWrapperClasses.button} innerClassName={ButtonWrapperClasses.button}
style={{ margin: "0px 8px" }} style={{ padding: "0 8px" }}
> >
<div className={ButtonWrapperClasses.buttonWrapper}> <div className={ButtonWrapperClasses.buttonWrapper}>
<svg <svg

@ -57,7 +57,7 @@ function SilentTypingToggle(chatBoxProps: {
size="" size=""
look={ButtonLooks.BLANK} look={ButtonLooks.BLANK}
innerClassName={ButtonWrapperClasses.button} innerClassName={ButtonWrapperClasses.button}
style={{ margin: "0 8px 0" }} style={{ padding: "0 8px" }}
> >
<div className={ButtonWrapperClasses.buttonWrapper}> <div className={ButtonWrapperClasses.buttonWrapper}>
<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"> <svg width="24" height="24" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512">