main.css

@@ -1,3 +1,4 @@
+/* Theming taken from https://github.com/vector-im/riot-web/blob/cf5cf02529f95a094d88051c12fdb87a03d87335/src/skins/vector/css/themes/_base.scss */
 .room {
     margin-left: 2em;
 }
@@ -20,23 +21,7 @@ summary {
     margin: 0.5em;
 }
 
-.roomAvatar {
+img.roomAvatar {
     height: 36px;
-    width: 36px;
     margin: 0.5em;
 }
-
-.topic {
-    font-size: smaller;
-    color: DarkSlateGrey;
-    margin-left: 2em;
-
-    width: 40em;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-
-.topic:hover {
-    overflow: visible;
-}

spaces.html

@@ -14,9 +14,7 @@
 
             <div class="room">
                 % if room['name'] != "TOP":
-                    % if room['name'].startswith('Libre Gaming'):
-                    <details open><summary>
-                    % elif room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
+                    % if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
                     <details><summary>
                     % endif
                <div class="info">
@@ -26,15 +24,13 @@
                     % if 'avatar_url' in room:
                     <img class="avatar roomAvatar" src=${mxc2url(room['avatar_url'])}>
                     % else:
-                    <div class="avatar roomAvatar"></div>
+                    <img class="avatar roomAvatar" src="./empty.png">
 
                     % endif
                     
 
                     % if 'room_id' in room:
-                        % if 'canonical_alias' in room:
-                            <a href="https://matrix.to/#/${room['canonical_alias']}">
-                        % elif 'children' not in room and room['world_readable']:
+                        % if 'children' not in room:
                             <a href="https://view.matrix.org/room/${room['room_id']}">
                         % endif
 
@@ -43,10 +39,6 @@
                         % endif
 
                             </a>
-
-                        % if 'topic' in room:
-                            <p class="topic"> ${room['topic']} </p>
-                        % endif
                     % endif
                 </div>
                     % if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room: