From e161e99b63c5ea18fcebc7c244c72ba20fd4cceb Mon Sep 17 00:00:00 2001
From: "J. Ryan Stinnett" <jryans@gmail.com>
Date: Fri, 8 Nov 2019 17:46:08 +0000
Subject: [PATCH] Fix rounded corners for the formatting toolbar

The formatting toolbar is meant to have rounded corners like the message action
bar.

Fixes https://github.com/vector-im/riot-web/issues/11203
---
 res/css/views/rooms/_MessageComposerFormatBar.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/res/css/views/rooms/_MessageComposerFormatBar.scss b/res/css/views/rooms/_MessageComposerFormatBar.scss
index 43a2fb257e..80909529ee 100644
--- a/res/css/views/rooms/_MessageComposerFormatBar.scss
+++ b/res/css/views/rooms/_MessageComposerFormatBar.scss
@@ -41,6 +41,18 @@ limitations under the License.
         &:hover {
             border-color: $message-action-bar-hover-border-color;
         }
+
+        &:first-child {
+            border-radius: 3px 0 0 3px;
+        }
+
+        &:last-child {
+            border-radius: 0 3px 3px 0;
+        }
+
+        &:only-child {
+            border-radius: 3px;
+        }
     }
 
     .mx_MessageComposerFormatBar_button {