center reward icons

michielpost · Mar 20, 2024 · 8a8c74b · 8a8c74b
1 parent caad0fb
commit 8a8c74b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git a/src/aoWebWallet/Pages/WalletDetail.razor b/src/aoWebWallet/Pages/WalletDetail.razor
@@ -35,30 +35,30 @@
                     <MudStack Row=true Justify="Justify.Center">
                         @if (BindingContext.UserSettings.Claimed1 && BindingContext.UserSettings.Claimed2 && BindingContext.UserSettings.Claimed3)
                         {
-                            <MudIcon Icon="@Icons.Material.Filled.Favorite" Title="Favorite" />
+                            <MudIcon Class="margin-rewards-button" Icon="@Icons.Material.Filled.Favorite" Title="Favorite" />
                             <MudText aria-label="claim token">All Rewards Claimed (3/3)</MudText>
                         }
                         else
                         {
 
                             if (BindingContext.UserSettings.Claimed1)
                             {
-                                <MudIcon Icon="@Icons.Material.Filled.Star" Title="Claim 1" />
+                                <MudIcon Class="margin-rewards-button" Icon="@Icons.Material.Filled.Star" Title="Claim 1" />
                             }
                             else
                             {
                                 <MudButton aria-label="claim token" OnClick="Claim1" Disabled="!BindingContext.CanClaim1 || BindingContext.UserSettings.Claimed1">Claim Reward (1/3)</MudButton>
                             }
-                            
+
                             if(BindingContext.UserSettings.Claimed2)
                             {
-                                <MudIcon Icon="@Icons.Material.Filled.Star" Title="Claim 2" />
+                                <MudIcon Class="margin-rewards-button" Icon="@Icons.Material.Filled.Star" Title="Claim 2" />
                             }
                             else
                             {
                                 <MudButton aria-label="claim token" OnClick="Claim2" Disabled="!BindingContext.CanClaim2 || BindingContext.UserSettings.Claimed2">Claim Reward (2/3)</MudButton>
                             }
-                            
+
                             <MudButton aria-label="claim token" OnClick="Claim3" Disabled="!BindingContext.CanClaim3 || BindingContext.UserSettings.Claimed3">Claim Reward (3/3)</MudButton>
                         }
                     </MudStack>
@@ -162,7 +162,7 @@
                                     @transfer.Id
                                 </MudLink>
                             </MudStack>
-                        
+
 
                             @if (isSend)
                             {

diff --git a/src/aoWebWallet/wwwroot/css/app.css b/src/aoWebWallet/wwwroot/css/app.css
@@ -149,3 +149,7 @@ a, .btn-link {
 }
 .mdc-dialog .mdc-dialog__surface { max-width: none !important; }
 
+.margin-rewards-button {
+    margin-top:5px;
+}
+