From ce8b8f6798f734ffce81dbaa5a6e6907b4f60760 Mon Sep 17 00:00:00 2001
From: Marcel Baumgartner <marcel.kbkm@gmail.com>
Date: Sun, 25 Jun 2023 00:01:28 +0200
Subject: [PATCH] Enhanced server list

---
 Moonlight/Shared/Views/Servers/Index.razor | 52 ++++++++++++----------
 1 file changed, 29 insertions(+), 23 deletions(-)

diff --git a/Moonlight/Shared/Views/Servers/Index.razor b/Moonlight/Shared/Views/Servers/Index.razor
index 9ee4040c..40216157 100644
--- a/Moonlight/Shared/Views/Servers/Index.razor
+++ b/Moonlight/Shared/Views/Servers/Index.razor
@@ -21,15 +21,15 @@
         @if (EditMode)
         {
             <div>
+                <WButton Text="@(SmartTranslateService.Translate("New group"))"
+                         WorkingText=""
+                         CssClasses="btn-primary me-3"
+                         OnClick="AddGroup">
+                </WButton>
                 <WButton Text="@(SmartTranslateService.Translate("Finish editing layout"))"
                          CssClasses="btn-secondary"
                          OnClick="async () => await SetEditMode(false)">
                 </WButton>
-                <WButton Text="@(SmartTranslateService.Translate("New group"))"
-                         WorkingText=""
-                         CssClasses="btn-primary"
-                         OnClick="AddGroup">
-                </WButton>
             </div>
         }
         else
@@ -146,28 +146,34 @@
                             var server = AllServers.First(x => x.Id.ToString() == id);
 
                             <div class="col-12 col-md-3 p-3 draggable" ml-server-id="@(server.Id)">
-                                <a class="invisible-a" href="/server/@(server.Uuid)">
+                                @if (EditMode)
+                                {
                                     <div class="card bg-secondary">
                                         <div class="card-header">
                                             <div class="card-title">
                                                 <span class="card-label">@(server.Name)</span>
                                             </div>
-                                            @if (EditMode)
-                                            {
-                                                <div class="card-toolbar">
-                                                    <a href="#" class="btn btn-icon btn-sm btn-hover-light-primary draggable-handle">
-                                                        <i class="bx bx-md bx-move"></i>
-                                                    </a>
-                                                </div>
-                                            }
+                                            <div class="card-toolbar">
+                                                <a href="#" class="btn btn-icon btn-sm btn-hover-light-primary draggable-handle">
+                                                    <i class="bx bx-md bx-move"></i>
+                                                </a>
+                                            </div>
                                         </div>
                                         <div class="card-body">
-                                            @if (EditMode)
-                                            {
-                                                <TL>Hidden in edit mode</TL>
-                                            }
-                                            else
-                                            {
+                                            <TL>Hidden in edit mode</TL>
+                                        </div>
+                                    </div>
+                                }
+                                else
+                                {
+                                    <a class="invisible-a" href="/server/@(server.Uuid)">
+                                        <div class="card bg-secondary">
+                                            <div class="card-header">
+                                                <div class="card-title">
+                                                    <span class="card-label">@(server.Name)</span>
+                                                </div>
+                                            </div>
+                                            <div class="card-body">
                                                 <span class="card-text fs-6">
                                                     @(Math.Round(server.Memory / 1024D, 2)) GB / @(Math.Round(server.Disk / 1024D, 2)) GB / @(server.Node.Name) <span class="text-gray-700">- @(server.Image.Name)</span>
                                                 </span>
@@ -220,10 +226,10 @@
                                                         </span>
                                                     }
                                                 </div>
-                                            }
+                                            </div>
                                         </div>
-                                    </div>
-                                </a>
+                                    </a>
+                                }
                             </div>
                         }
                     </div>