From 649adce527d6b9c147fb70c83674b1accb220332 Mon Sep 17 00:00:00 2001
From: Rampoina <Rampoina@protonmail.com>
Date: Mon, 18 Apr 2022 01:01:00 +0200
Subject: [PATCH] Add css triangle

---
 main.css    | 14 ++++++++++----
 spaces.html |  7 +++++--
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/main.css b/main.css
index 6e79bd5..f04f74f 100644
--- a/main.css
+++ b/main.css
@@ -10,12 +10,18 @@
 summary {
     display:flex;
 }
-img.avatar {
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-    border-radius: 50%;
+
+.arrow-right {
+    width: 0; 
+    height: 0; 
+    border-top: 6px solid transparent;
+    border-bottom: 6px solid transparent;
+
+    border-left: 6px solid black;
+    margin: 0.5em;
 }
 
 img.roomAvatar {
     height: 36px;
+    margin: 0.5em;
 }
diff --git a/spaces.html b/spaces.html
index d0bd81a..fdcbc1a 100644
--- a/spaces.html
+++ b/spaces.html
@@ -14,10 +14,13 @@
 
             <div class="room">
                 % if room['name'] != "TOP":
-                    % if room['name'] != "TOP" and room['name'] != "Libre Gaming":
+                    % if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
                     <details><summary>
                     % endif
                <div class="info">
+                    % if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
+                            <div class="arrow-right"></div>
+                    % endif
                     % if 'avatar_url' in room:
                     <img class="avatar roomAvatar" src=${mxc2url(room['avatar_url'])}>
                     % endif
@@ -35,7 +38,7 @@
                             </a>
                     % endif
                 </div>
-                    % if room['name'] != "TOP" and room['name'] != "Libre Gaming":
+                    % if room['name'] != "TOP" and room['name'] != "Libre Gaming" and 'children' in room:
                     </summary>
                     % endif
                 % endif