From ee71c72685287a95fa1b0e401b2f123ca1599549 Mon Sep 17 00:00:00 2001
From: Luke Barnard <lukeb@openmarket.com>
Date: Thu, 2 Nov 2017 15:13:55 +0000
Subject: [PATCH] Use margin to separate "perms" in the room directory
instead of a space.
---
src/components/structures/RoomDirectory.js | 2 +-
src/skins/vector/css/vector-web/structures/_RoomDirectory.scss | 1 +
2 files changed, 2 insertions(+), 1 deletion(-)
diff --git a/src/components/structures/RoomDirectory.js b/src/components/structures/RoomDirectory.js
index 323af86c..126ae404 100644
--- a/src/components/structures/RoomDirectory.js
+++ b/src/components/structures/RoomDirectory.js
@@ -409,7 +409,7 @@ module.exports = React.createClass({
perms = null;
if (guestRead || guestJoin) {
- perms = <div className="mx_RoomDirectory_perms">{guestRead} {guestJoin}</div>;
+ perms = <div className="mx_RoomDirectory_perms">{guestRead}{guestJoin}</div>;
}
var topic = rooms[i].topic || '';
diff --git a/src/skins/vector/css/vector-web/structures/_RoomDirectory.scss b/src/skins/vector/css/vector-web/structures/_RoomDirectory.scss
index 91cf86c9..9cd3e728 100644
--- a/src/skins/vector/css/vector-web/structures/_RoomDirectory.scss
+++ b/src/skins/vector/css/vector-web/structures/_RoomDirectory.scss
@@ -100,6 +100,7 @@ limitations under the License.
display: inline;
padding-left: 5px;
padding-right: 5px;
+ margin-right: 5px;
height: 15px;
border-radius: 11px;
background-color: $plinth-bg-color;