From 29923343ff485a198fa8b8ec5392a3fea282feab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Lazar=20Stanojevi=C4=87?= <laxsrbija@yahoo.com>
Date: Wed, 17 Jan 2024 00:41:06 +0100
Subject: [PATCH] Use a badge instead of a button

---
 .../overview-section.component.html                | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/chore-manager-frontend/src/app/core/main-content/overview/overview-section/overview-section.component.html b/chore-manager-frontend/src/app/core/main-content/overview/overview-section/overview-section.component.html
index 248c4f0..682f9e0 100644
--- a/chore-manager-frontend/src/app/core/main-content/overview/overview-section/overview-section.component.html
+++ b/chore-manager-frontend/src/app/core/main-content/overview/overview-section/overview-section.component.html
@@ -1,26 +1,26 @@
 <div class="my-3 p-3 bg-body rounded shadow-sm">
 
-  <div class="container px-0 pt-1 mb-2">
+  <div class="container px-0 pt-0">
     <div class="row">
       <div class="col">
-        <h6 class="pt-1 text-muted">{{ sectionTitle }}</h6>
+        <h6 class="text-muted">{{ sectionTitle }}</h6>
       </div>
       <div class="col-auto" *ngIf="tasks === undefined">
-        <button type="button" class="btn btn-outline-secondary btn-sm"
-                (click)="requestDataAction.emit()">
+        <span class="badge text-bg-light" (click)="requestDataAction.emit()"
+              style="cursor: pointer">
           <i class="bi bi-arrow-repeat"></i>
           Load tasks
-        </button>
+        </span>
       </div>
     </div>
   </div>
 
-  <h5 *ngIf="tasks?.length === 0">
+  <h5 *ngIf="tasks?.length === 0" class="mt-2">
     <i class="bi bi-stars text-warning"></i>
     No tasks
   </h5>
 
-  <div *ngIf="tasks && tasks.length > 0" class="container">
+  <div *ngIf="tasks && tasks.length > 0" class="container mt-2">
 
     <div class="row align-items-center py-3"
          [class.border-bottom]="tasks && indexOfTask !== tasks.length - 1"