From 7a2c28a917b181d48c7a3948833d05957aceb8ae Mon Sep 17 00:00:00 2001
From: Aditya Anand M C <aditya.anandmc@gmail.com>
Date: Thu, 2 Jan 2020 19:00:40 +0530
Subject: [PATCH] chore: prettify load more grants text

---
 app/assets/v2/css/base.css             | 4 ++++
 app/grants/templates/grants/index.html | 9 ++++++++-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/assets/v2/css/base.css b/app/assets/v2/css/base.css
index 1c073469433..1c0ffbae303 100644
--- a/app/assets/v2/css/base.css
+++ b/app/assets/v2/css/base.css
@@ -20,6 +20,10 @@ a {
   color: #3E00FF;
 }
 
+.cursor-pointer {
+  cursor: pointer !important;
+}
+
 .nav_avatar {
   width: 40px;
   height: 40px;
diff --git a/app/grants/templates/grants/index.html b/app/grants/templates/grants/index.html
index 9f3b12824a0..9f79436292f 100644
--- a/app/grants/templates/grants/index.html
+++ b/app/grants/templates/grants/index.html
@@ -262,7 +262,14 @@ <h2 class="text-uppercase font-weight-semibold font-bigger-3 pt-4 mt-2 px-4">
             {% endfor %}
           </div>
           {% if grants.has_next %}
-            <a class="infinite-more-link" href="?network={{network}}&type={{type}}keyword={{keyword}}&sort_option={{sort}}&page={{ grants.next_page_number }}">More</a>
+            <p class="mb-0 text-center py-4">
+              <a class="infinite-more-link text-center text-black-70 cursor-pointer"
+                href="?network={{network}}&type={{type}}keyword={{keyword}}&sort_option={{sort}}&page={{ grants.next_page_number }}"
+              >
+                <i class="fas fa-spinner fa-spin mr-2"></i>
+                Collecting more exciting grants
+              </a>
+            </p>
           {% endif %}
         {% else %}
           <div class="col-12 mb-3 mx-auto col-md-6 text-center">