Merge pull request #2359 from matrix-org/bwindels/higherdensityroomlist

Redesign: make room tiles less high so more rooms fit on the screen
matrix-org · Dec 17, 2018 · e26fd6c · e26fd6c
2 parents bdbf6f8 + 0496ed5
commit e26fd6c
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/res/css/views/rooms/_RoomTile.scss b/res/css/views/rooms/_RoomTile.scss
@@ -19,7 +19,7 @@ limitations under the License.
     flex-direction: row;
     align-items: center;
     cursor: pointer;
-    height: 40px;
+    height: 34px;
     margin: 0;
     padding: 0 8px 0 10px;
     position: relative;
@@ -51,8 +51,6 @@ limitations under the License.
 .mx_RoomTile_avatar {
     flex: 0;
     padding: 4px;
-    width: 32px;
-    height: 32px;
 }
 
 .mx_RoomTile_avatar_container {

diff --git a/src/components/views/rooms/RoomTile.js b/src/components/views/rooms/RoomTile.js
@@ -333,7 +333,7 @@ module.exports = React.createClass({
         >
             <div className={avatarClasses}>
                 <div className="mx_RoomTile_avatar_container">
-                    <RoomAvatar room={this.props.room} width={32} height={32} />
+                    <RoomAvatar room={this.props.room} width={24} height={24} />
                     { dmIndicator }
                 </div>
             </div>