From 4c8f77bb80694da463608a636d64fe704feeaeb1 Mon Sep 17 00:00:00 2001
From: Matthew Hodgson <matthew@matrix.org>
Date: Thu, 16 Nov 2017 16:46:46 +0000
Subject: [PATCH] buttonify verify buttons

---
 .../views/dialogs/_EncryptedEventDialog.scss    | 16 ++--------------
 .../views/dialogs/_UnknownDeviceDialog.scss     | 17 ++---------------
 2 files changed, 4 insertions(+), 29 deletions(-)

diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss
index 9fb2bf525e..b4dd353370 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_EncryptedEventDialog.scss
@@ -21,19 +21,7 @@ limitations under the License.
 }
 
 .mx_EncryptedEventDialog .mx_MemberDeviceInfo_textButton {
-    border: 0px;
-    height: 36px;
-    border-radius: 40px;
-    border: solid 1px $accent-color;
-    font-weight: 600;
-    font-size: 14px;
-    font-family: $font-family;
-    margin-left: 0px;
-    margin-right: 8px;
-    padding-left: 1.5em;
-    padding-right: 1.5em;
-    outline: none;
-    cursor: pointer;
-    color: $accent-color;
+    @mixin mx_DialogButton;
     background-color: $primary-bg-color;
+    color: $accent-color;
 }
\ No newline at end of file
diff --git a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss
index 332cd571d9..3457e50b92 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/dialogs/_UnknownDeviceDialog.scss
@@ -43,22 +43,9 @@ limitations under the License.
 }
 
 .mx_UnknownDeviceDialog .mx_MemberDeviceInfo_textButton {
-    border: 0px;
-    height: 24px;
-    border-radius: 40px;
-    border: solid 1px $accent-color;
-    font-weight: 600;
-    font-size: 13px;
-    font-family: $font-family;
-    margin-left: 0px;
-    margin-right: 8px;
-    padding-left: 0.5em;
-    padding-right: 0.5em;
-    width: 85px;
-    outline: none;
-    cursor: pointer;
-    color: $accent-color;
+    @mixin mx_DialogButton_small;
     background-color: $primary-bg-color;
+    color: $accent-color;
 }
 
 .mx_UnknownDeviceDialog .mx_UnknownDeviceDialog_deviceList li {