Improved ui and popup

LearningChineseFixed/Client/Program.cs

@@ -24,7 +24,7 @@ namespace LearningChineseFixed
             {
                 config.SnackbarConfiguration.ShowTransitionDuration = 100;
                 config.SnackbarConfiguration.HideTransitionDuration = 100;
-                config.SnackbarConfiguration.VisibleStateDuration = 7500;
+                config.SnackbarConfiguration.VisibleStateDuration = 5000;
                 config.SnackbarConfiguration.PositionClass = Defaults.Classes.Position.BottomCenter;
             });
             builder.Services.AddBlazoredLocalStorage();

LearningChineseFixed/Pages/Learn.razor

@@ -32,8 +32,6 @@
                 @*Color="@(selectedCorrect ? Color.Success : Color.Error)"*@
                 <MudButton Disabled="@(!(Answers.Any(x=>x.isSelected)))" OnClick="()=>RemoveCCharFromSelection()" Variant="Variant.Outlined">Avoid</MudButton>
             }
-            <MudButton Color="Color.Default" Variant="Variant.Outlined" OnClick="ShowMeaning">Meaning</MudButton>
-            <MudButton Color="Color.Default" Variant="Variant.Outlined" OnClick="SayCorrectChar">Speech</MudButton>
         </MudStack>
         <MudContainer>
             <MudPaper Class="pa-16 ma-2 rounded-xl mud-dark" Elevation="1">
@@ -66,6 +64,12 @@
             </MudGrid>
         </MudContainer>
         <MudSpacer/>
+        <MudContainer Class="justify-center d-flex">
+            <MudStack Row=true>
+                <MudButton Color="Color.Default" Variant="Variant.Outlined" OnClick="ShowMeaning">Meaning</MudButton>
+                <MudButton Color="Color.Default" Variant="Variant.Outlined" OnClick="SayCorrectChar">Speech</MudButton>
+            </MudStack>
+        </MudContainer>
         <MudContainer Class="pb-8 justify-center align-center d-flex">
             @if (!Answers.Any(x => x == null))
             {