All kinds of changes

2 files changed, 24 insertions, 14 deletions

diff --git a/MatrixUtils.Web/Pages/Rooms/Index2Components/MainTabComponents/MainTabSpaceItem.razor b/MatrixUtils.Web/Pages/Rooms/Index2Components/MainTabComponents/MainTabSpaceItem.razor
index 7a3b27b..6483f01 100644
--- a/MatrixUtils.Web/Pages/Rooms/Index2Components/MainTabComponents/MainTabSpaceItem.razor
+++ b/MatrixUtils.Web/Pages/Rooms/Index2Components/MainTabComponents/MainTabSpaceItem.razor
@@ -1,15 +1,16 @@
 @using MatrixUtils.Abstractions
 <div class="spaceListItem" style="@(SelectedSpace == Space ? "background-color: #FFFFFF33;" : "")" onclick="@SelectSpace">
-    @if (IsSpaceOpened()) {
-        <span onclick="@ToggleSpace">▼ </span>
-    }
-    else {
-        <span onclick="@ToggleSpace">▶ </span>
-    }
-
-    <MxcImage Circular="true" Height="32" Width="32" Homeserver="Space.Room.Homeserver" MxcUri="@Space.RoomIcon"></MxcImage>
-    <span class="spaceNameEllipsis">@Space.RoomName</span>
+    <div class="spaceListItemContainer">
+        @if (IsSpaceOpened()) {
+            <span onclick="@ToggleSpace">▼ </span>
+        }
+        else {
+            <span onclick="@ToggleSpace">▶ </span>
+        }
 
+        <MxcImage Circular="true" Height="32" Width="32" Homeserver="Space.Room.Homeserver" MxcUri="@Space.RoomIcon"></MxcImage>
+        <span class="spaceNameEllipsis">@Space.RoomName</span>
+    </div>
     @if (IsSpaceOpened()) {
         <span>meow</span>
     }
@@ -19,10 +20,10 @@
 
     [Parameter]
     public RoomInfo Space { get; set; }
-    
+
     [Parameter]
     public RoomInfo SelectedSpace { get; set; }
-    
+
     [Parameter]
     public EventCallback<RoomInfo> SelectedSpaceChanged { get; set; }
 
@@ -52,5 +53,4 @@
         return OpenedSpaces.Contains(Space);
     }
 
-}
-
+}
\ No newline at end of file
diff --git a/MatrixUtils.Web/Pages/Rooms/Index2Components/MainTabComponents/MainTabSpaceItem.razor.css b/MatrixUtils.Web/Pages/Rooms/Index2Components/MainTabComponents/MainTabSpaceItem.razor.css
index a88975b..d6e413f 100644
--- a/MatrixUtils.Web/Pages/Rooms/Index2Components/MainTabComponents/MainTabSpaceItem.razor.css
+++ b/MatrixUtils.Web/Pages/Rooms/Index2Components/MainTabComponents/MainTabSpaceItem.razor.css
@@ -11,7 +11,17 @@
 .spaceListItem {
     display: block;
     width: 100%;
-    height: 50px;
+    height: 3em;
+}
+
+.spaceListItemContainer {
+    display: flex;
+    align-items: center;
+    vertical-align: center;
+    justify-content: space-between;
+    padding: 0 16px;
+    width: 100%;
+    height: 100%;
 }
 
 .spaceListItem > img {