diff --git a/res/css/structures/_RightPanel.scss b/res/css/structures/_RightPanel.scss index 973f6fe9b3..3c373e8883 100644 --- a/res/css/structures/_RightPanel.scss +++ b/res/css/structures/_RightPanel.scss @@ -1,5 +1,6 @@ /* Copyright 2015, 2016 OpenMarket Ltd +Copyright 2020 The Matrix.org Foundation C.I.C. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. @@ -18,7 +19,7 @@ limitations under the License. overflow-x: hidden; flex: 0 0 auto; position: relative; - min-width: 250px; + min-width: 264px; display: flex; flex-direction: column; } diff --git a/res/css/views/verification/_VerificationShowSas.scss b/res/css/views/verification/_VerificationShowSas.scss index 32401bc446..80677094ba 100644 --- a/res/css/views/verification/_VerificationShowSas.scss +++ b/res/css/views/verification/_VerificationShowSas.scss @@ -1,5 +1,6 @@ /* Copyright 2019 New Vector Ltd. +Copyright 2020 The Matrix.org Foundation C.I.C. Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. @@ -36,11 +37,9 @@ limitations under the License. .mx_VerificationShowSas_emojiSas_block { display: inline-block; - margin-bottom: 30px; + margin-bottom: 16px; position: relative; - // allow the blocks to grow to space themselves evenly up to a limit of 100px - flex-grow: 1; - max-width: 100px; + width: 52px; } .mx_VerificationShowSas_emojiSas_emoji { @@ -52,12 +51,9 @@ limitations under the License. } .mx_VerificationShowSas_emojiSas_label { - font-weight: bold; - // allow the text to overflow the parent by 15px on each side - // this is to keep the width of the parent consistent for spacing centrally via flexbox - position: absolute; - left: -15px; - right: -15px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .mx_VerificationShowSas_emojiSas_break {