improve spacing of buttons on RoomPreviewBar

2020-01-23 12:27:25 +00:00 · 2020-01-23 12:27:25 +00:00 · 30bfd4046d
parent 1747a62118
commit 30bfd4046d
1 changed files with 6 additions and 1 deletions
--- a/res/css/views/rooms/_RoomPreviewBar.scss
+++ b/res/css/views/rooms/_RoomPreviewBar.scss
@ -117,12 +117,17 @@ limitations under the License.
    .mx_RoomPreviewBar_actions {
        flex-direction: column-reverse;
        .mx_AccessibleButton {
-            padding: 7px 50px;//extra wide
+            padding: 7px 50px; //extra wide
        }

        & > * {
            margin-top: 12px;
        }
+        .mx_AccessibleButton.mx_AccessibleButton_kind_primary {
+            // to account for the padding of the primary button which causes inconsistent look between
+            // subsequent secondary (text) buttons
+            margin-bottom: 7px;
+        }
    }
 }