Align video call icon with banner text (#9460)

matrix-org · Oct 19, 2022 · f9a7d9f · f9a7d9f
1 parent 07a1e9a
commit f9a7d9f
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/res/css/views/rooms/_RoomCallBanner.pcss b/res/css/views/rooms/_RoomCallBanner.pcss
@@ -41,14 +41,14 @@ limitations under the License.
 
     &::before {
         display: inline-block;
-        vertical-align: text-top;
+        vertical-align: middle;
         content: "";
         background-color: $secondary-content;
         mask-size: 16px;
+        mask-position-y: center;
         width: 16px;
-        height: 16px;
-        margin-right: 4px;
-        bottom: 2px;
+        height: 1.2em; /* to match line height */
+        margin-right: 8px;
         mask-image: url("$(res)/img/element-icons/call/video-call.svg");
     }
 }