From 202cb0f5d81b971148b2375af32424d853940c35 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=A0imon=20Brandner?= <simon.bra.ag@gmail.com>
Date: Mon, 21 Jun 2021 17:05:36 +0200
Subject: [PATCH] Fix styling of buttons
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>
---
 res/css/views/messages/_CallEvent.scss      | 7 ++++++-
 src/components/views/messages/CallEvent.tsx | 4 +++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/res/css/views/messages/_CallEvent.scss b/res/css/views/messages/_CallEvent.scss
index 1bf62af22e..d83dfb39ad 100644
--- a/res/css/views/messages/_CallEvent.scss
+++ b/res/css/views/messages/_CallEvent.scss
@@ -87,7 +87,12 @@ limitations under the License.
         color: $secondary-fg-color;
         margin-right: 16px;
 
-        .mx_CallEvent_content_callBack {
+        .mx_CallEvent_content_button {
+            height: 24px;
+            padding: 0px 12px;
+        }
+
+        .mx_CallEvent_content_button_callBack {
             margin-left: 10px; // To match mx_callEvent
         }
 
diff --git a/src/components/views/messages/CallEvent.tsx b/src/components/views/messages/CallEvent.tsx
index a6263e408f..bb219c458d 100644
--- a/src/components/views/messages/CallEvent.tsx
+++ b/src/components/views/messages/CallEvent.tsx
@@ -85,12 +85,14 @@ export default class CallEvent extends React.Component<IProps, IState> {
                         title={this.state.silenced ? _t("Sound on"): _t("Silence call")}
                     />
                     <AccessibleButton
+                        className="mx_CallEvent_content_button"
                         onClick={ this.props.callEventGrouper.rejectCall }
                         kind="danger"
                     >
                         { _t("Decline") }
                     </AccessibleButton>
                     <AccessibleButton
+                        className="mx_CallEvent_content_button"
                         onClick={ this.props.callEventGrouper.answerCall }
                         kind="primary"
                     >
@@ -162,7 +164,7 @@ export default class CallEvent extends React.Component<IProps, IState> {
                 <div className="mx_CallEvent_content">
                     { _t("You missed this call") }
                     <AccessibleButton
-                        className="mx_CallEvent_content_callBack"
+                        className="mx_CallEvent_content_button mx_CallEvent_content_button_callBack"
                         onClick={ this.props.callEventGrouper.callBack }
                         kind="primary"
                     >