display topic to be a bit more descriptive

* couldn't work out how to put it directly under the room name
* drop theme source since there's nothing left of it

main.css

@@ -1,4 +1,3 @@
-/* Theming taken from https://github.com/vector-im/riot-web/blob/cf5cf02529f95a094d88051c12fdb87a03d87335/src/skins/vector/css/themes/_base.scss */
 .room {
     margin-left: 2em;
 }
@@ -25,3 +24,18 @@ img.roomAvatar {
     height: 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

@@ -43,6 +43,10 @@
                         % 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: