From a633889f015a460dd6ddfe059de87be7d3157120 Mon Sep 17 00:00:00 2001
From: Matt Parker <61717342+MattParkerDev@users.noreply.github.com>
Date: Thu, 7 Aug 2025 23:37:43 +1000
Subject: [PATCH] run popover v1

---
 .../Components/RunPopover.razor               | 26 ++++++++++---------
 1 file changed, 14 insertions(+), 12 deletions(-)

diff --git a/src/SharpIDE.Photino/Components/RunPopover.razor b/src/SharpIDE.Photino/Components/RunPopover.razor
index c5bef9a..0076f24 100644
--- a/src/SharpIDE.Photino/Components/RunPopover.razor
+++ b/src/SharpIDE.Photino/Components/RunPopover.razor
@@ -2,26 +2,28 @@
 
 <div @onmouseover="@(() => _open = true)">
 	<MudPopover Duration="100" OverflowBehavior="OverflowBehavior.FlipNever" Open="@true" AnchorOrigin="Origin.TopRight" TransformOrigin="Origin.TopRight">
-		<div class="pl-2" @onmouseleave="@(() => _open = false)">
-			<MudStack Justify="Justify.FlexEnd" Class="pa-0 ma-0" Spacing="0">
-				<MudButton Disabled="true" Style="min-width: 20px; align-self: end">
-					<MudIcon Icon="@Icons.Material.Filled.PlayArrow" Size="Size.Medium" Color="Color.Default"/>
-				</MudButton>
-					@if (SolutionModel?.AllProjects?.Count is >= 0)
+		<MudStack @onmouseleave="@(() => _open = false)" Justify="Justify.FlexEnd" Class="pa-0 ma-0" Spacing="0">
+			<MudButton Disabled="true" Style="min-width: 20px; align-self: end">
+				<MudIcon Icon="@Icons.Material.Filled.PlayArrow" Size="Size.Medium" Color="Color.Default"/>
+			</MudButton>
+			<MudList T="string" Dense="true" Class="pa-0 ma-0">
+				@if (SolutionModel?.AllProjects?.Count is >= 0)
+				{
+					@foreach (var project in SolutionModel.AllProjects)
 					{
-						@foreach (var project in SolutionModel.AllProjects)
-						{
-							<MudStack Row="true" Spacing="0" AlignItems="AlignItems.Center">
+						<MudListItem T="string" Dense="true" Class="pa-0 ma-0 pl-2" Style="max-height: 36px;">
+							<MudStack Row="true" Spacing="1" AlignItems="AlignItems.Center" Class="pa-0 ma-0">
 								<MudText>@project.Name</MudText>
 								<MudSpacer/>
 								<MudButton Style="min-width: 20px;">
 									<MudIcon Icon="@Icons.Material.Filled.PlayArrow" Size="Size.Medium" Color="Color.Success"/>
 								</MudButton>
 							</MudStack>
-						}
+						</MudListItem>
 					}
-			</MudStack>
-		</div>
+				}
+			</MudList>
+		</MudStack>
 	</MudPopover>
 
 	<MudButton Style="min-width: 20px;" >