From 8ae5d726b44f901c58bd533e4a790d69606f191b Mon Sep 17 00:00:00 2001
From: chuanlin2018 <c.lin@prometheuscomputing.com>
Date: Fri, 27 May 2022 19:51:40 -0400
Subject: [PATCH] Changed the shape of the badge at top right corner from
 square to circle

---
 angular/src/app/frame/headbar.component.css  | 8 ++++++++
 angular/src/app/frame/headbar.component.html | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/angular/src/app/frame/headbar.component.css b/angular/src/app/frame/headbar.component.css
index 3f07316a2..482cc162a 100644
--- a/angular/src/app/frame/headbar.component.css
+++ b/angular/src/app/frame/headbar.component.css
@@ -61,3 +61,11 @@ a:link, a:hover, a:visited{
   background-color: transparent;
   text-decoration: none;
 }
+
+.badge-style {
+    background-color: var(--nist-green-default);
+    color: white;
+    border-radius: 100%;
+    padding: 2px 2px 2px 2px;
+    font-size: small;
+}
\ No newline at end of file
diff --git a/angular/src/app/frame/headbar.component.html b/angular/src/app/frame/headbar.component.html
index 41c3e12c1..5e17f6a81 100644
--- a/angular/src/app/frame/headbar.component.html
+++ b/angular/src/app/frame/headbar.component.html
@@ -25,7 +25,7 @@
           <a href="{{globalCartUrl}}" target="_blank" [ngStyle]="{'color':getMenuColor('Cart')}"
             [ngClass]="{'disabled':editEnabled,'enabled':!editEnabled}"><b>Cart</b><i
               class="faa faa-shopping-cart faa-1x" [ngStyle]="{'color':getMenuColor('Cart')}"></i><span
-              class="w3-badge badge-pill badge-notify">&nbsp;{{cartLength}}&nbsp;</span></a>
+              class="w3-badge badge-pill badge-notify badge-style">&nbsp;{{cartLength}}&nbsp;</span></a>
           <span *ngIf="editEnabled && editstatsvc.userID">
             | <i class="faa faa-user-circle faa-1x icon-white" style="color: white; cursor: pointer;"
               data-toggle="tooltip" title="{{editstatsvc.userID}}" (click)="showUserId()"></i>