changes in manifest and package.json, changed icon, better styling for refresh cache button

Signed-off-by: Vedansh Saini <[email protected]>

Author: vedansh-5

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "scrum_helper_extension",
-	"version": "1.0.0",
+	"version": "2.0.0",
 	"description": "This extension helps in writing Scrums in google groups, particularly related to FOSSASIA. It converts a link to a github PR or an Issue to display the PR or the Issue's name along with the link to it.",
 	"repository": {
 		"type": "git",

src/icons/icon.png

@@ -118,33 +118,33 @@ body,input,div,h3,h4,p,label,hr, #scrumReport{
 .dark-mode a {
 	color: #00b7ff !important;
 }
-.refresh-btn {
-    transition: all 0.3s ease;
-    position: relative;
-    overflow: hidden;
-    background-color: #d2d2d2;
+#refreshCache {
+    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
+    border: none;
+    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
+    transition: all 0.2s ease;
 }
 
-.refresh-btn:hover {
-    background-color: #999bac;
+#refreshCache:hover {
+    background: linear-gradient(135deg, #2563eb 0%, #1e40af 100%);
+    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3);
     transform: translateY(-1px);
-    box-shadow: 0 2px 5px rgba(0,0,0,0.2);
 }
 
-.refresh-btn:active {
-    transform: translateY(1px);
-    box-shadow: none;
+#refreshCache:active {
+    transform: translateY(0);
+    box-shadow: 0 2px 4px rgba(59, 130, 246, 0.2);
 }
 
-.refresh-btn.loading {
-    pointer-events: none;
-    opacity: 0.8;
+#refreshCache i {
+    animation: spin 0s linear infinite;
 }
 
-.refresh-btn.loading .fa-refresh {
+#refreshCache.loading i {
     animation: spin 1s linear infinite;
 }
 
 @keyframes spin {
-    100% { transform: rotate(360deg); }
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
 }

src/index.css

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "Scrum Helper Extension",
-  "version": "1.0",
+  "version": "2.0",
   "description": "This extension helps in writing Scrums in Google Groups, particularly related to FOSSASIA.",
   "action": {
     "default_popup": "popup.html",

src/manifest.json

@@ -73,9 +73,10 @@ <h4>Your Github Username</h4>
 							<input type="date" id="endingDate" class="border-2 border-gray-200 bg-gray-200 rounded-xl p-1">
 						</div>
 					</div>
-          <button id="refreshCache" class="btn-small waves-effect waves-light refresh-btn" title="Force refresh Github data">
-            <i class="material-icons left">Refresh Data (bypass cache)</i>
-          </button>
+					<button id="refreshCache" class="w-full mt-3 bg-blue-600 hover:bg-blue-700 text-white font-medium py-2 px-4 rounded flex items-center justify-center gap-2 transition-colors duration-200">
+						<i class="fa fa-refresh"></i>
+						<span>Refresh Data (bypass cache)</span>
+					</button>
 				</div>
 
 				<div class="col s12">