From 544eb067bb5b4ee87f79cdaae74e4ca5bab5f22c Mon Sep 17 00:00:00 2001
From: Matt Parker <61717342+MattParkerDev@users.noreply.github.com>
Date: Wed, 6 Aug 2025 19:38:58 +1000
Subject: [PATCH] sidebar styling

---
 src/SharpIDE.Photino/Layout/MainLayout.razor | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/SharpIDE.Photino/Layout/MainLayout.razor b/src/SharpIDE.Photino/Layout/MainLayout.razor
index 99e5f8e..3aae6af 100644
--- a/src/SharpIDE.Photino/Layout/MainLayout.razor
+++ b/src/SharpIDE.Photino/Layout/MainLayout.razor
@@ -43,11 +43,13 @@
 
 	<MudMainContent Style="height: 100%">
 		<MudStack Style="height: 100%" Row="true" Spacing="0" StretchItems="StretchItems.Middle">
-			<MudStack>
-				<MudToggleIconButton Icon="@Icons.Material.Filled.PlayArrow"/>
-				<MudToggleIconButton Icon="@Icons.Material.Filled.PlayArrow"/>
-				<MudToggleIconButton Icon="@Icons.Material.Filled.Terminal"/>
-			</MudStack>
+			<MudPaper Elevation="6" Style="background-color: var(--mud-palette-appbar-background); z-index: 1200;">
+				<MudStack>
+					<MudToggleIconButton Color="Color.Inherit" Icon="@Icons.Material.Filled.PlayArrow"/>
+					<MudToggleIconButton Color="Color.Inherit" Icon="@Icons.Material.Filled.PlayArrow"/>
+					<MudToggleIconButton Color="Color.Inherit" Icon="@Icons.Material.Filled.Terminal"/>
+				</MudStack>
+			</MudPaper>
 			<MudPaper Height="100%" Style="overflow:hidden; position:relative;">
 				<MudDrawerContainer Style="height: 100%" Class="mud-height-full">
 					<MudDrawer @bind-Open="@_drawerOpen" Style="height: 100%" Width="400px" Fixed="false" Variant="@DrawerVariant.Persistent">