From 4cd38f81df4567785fe87e17b18a08ce47f88cd7 Mon Sep 17 00:00:00 2001
From: Milad Raeisi <6504337+miladsoft@users.noreply.github.com>
Date: Mon, 30 Sep 2024 14:56:12 +0400
Subject: [PATCH] Fixed a small mess in the UI (#154)

---
 src/Angor/Client/Pages/Investor.razor         | 20 ++++++++++++-------
 .../wwwroot/assets/icons/clock-square.svg     |  5 +++++
 2 files changed, 18 insertions(+), 7 deletions(-)
 create mode 100644 src/Angor/Client/wwwroot/assets/icons/clock-square.svg

diff --git a/src/Angor/Client/Pages/Investor.razor b/src/Angor/Client/Pages/Investor.razor
index 2a88d7ac..5e447c58 100644
--- a/src/Angor/Client/Pages/Investor.razor
+++ b/src/Angor/Client/Pages/Investor.razor
@@ -189,13 +189,19 @@
 
                                 <div class="mb-3 d-flex justify-content-between">
                                     <span>My Investment:</span>
-                                    <strong>@Money.Satoshis(project.AmountInvested ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker</strong>
-                                    @if (!project.SignaturesInfo?.Signatures.Any() ?? false)
-                                    {
-                                        <a href=@($"/invest/{project.ProjectInfo.ProjectIdentifier}") class="btn btn-sm btn-outline-warning ms-2" title="Pending">
-                                            <i class="oi oi-clock"></i>
-                                        </a>
-                                    }
+                                    <div>
+                                        @if (!project.SignaturesInfo?.Signatures.Any() ?? false)
+                                        {
+                                            <a href=@($"/invest/{project.ProjectInfo.ProjectIdentifier}") class="btn btn-sm btn-border ms-2" title="Pending">
+                                                <i class="oi oi-clock">
+                                                    <Icon IconName="clock-square" Width="24" Height="24"></Icon>
+                                                </i>
+                                            </a>
+                                         }     
+                                        <strong>@Money.Satoshis(project.AmountInvested ?? 0).ToUnit(MoneyUnit.BTC) @network.CoinTicker</strong>
+
+                                    </div>
+           
                                 </div>
 
                                 <div class="mb-3 d-flex justify-content-between">
diff --git a/src/Angor/Client/wwwroot/assets/icons/clock-square.svg b/src/Angor/Client/wwwroot/assets/icons/clock-square.svg
new file mode 100644
index 00000000..3196a2c3
--- /dev/null
+++ b/src/Angor/Client/wwwroot/assets/icons/clock-square.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 8V12L14.5 14.5" stroke="#1C274C" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12Z" stroke="#1C274C" stroke-width="1.5"/>
+</svg>
\ No newline at end of file