From f0285ecfd2b4991677712973b4beb5aafc5d0d42 Mon Sep 17 00:00:00 2001
From: sawankshrma <thesawan47@gmail.com>
Date: Tue, 24 Feb 2026 22:40:18 +0530
Subject: [PATCH 1/3] fix image-width in activity description

---
 .../activity-description/activity-description.component.css   | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/app/component/activity-description/activity-description.component.css b/src/app/component/activity-description/activity-description.component.css
index 20a4ed39..826aae31 100644
--- a/src/app/component/activity-description/activity-description.component.css
+++ b/src/app/component/activity-description/activity-description.component.css
@@ -55,6 +55,10 @@
   list-style: none;
 }
 
+::ng-deep #description img {
+    max-width: 100%;
+}
+
 /* Ensure panel titles don't wrap */
 mat-panel-title b {
   white-space: nowrap;

From b773ea7079c2edc178c8f68497975e155c61b660 Mon Sep 17 00:00:00 2001
From: sawankshrma <thesawan47@gmail.com>
Date: Wed, 25 Feb 2026 14:15:56 +0530
Subject: [PATCH 2/3] remove github ribbon

---
 src/app/app.component.html    | 8 --------
 src/app/app.component.spec.ts | 7 -------
 2 files changed, 15 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index ab790f70..e97f7444 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -17,14 +17,6 @@
     <div class="dummy"></div>
   </div>
   <span class="spacer"></span>
-  <a
-    target="_blank"
-    class="github-fork-ribbon"
-    href="https://github.com/devsecopsmaturitymodel/DevSecOps-MaturityModel"
-    data-ribbon="Fork me on GitHub"
-    title="Fork me on GitHub">
-    Fork me on GitHub
-  </a>
 </mat-toolbar>
 <mat-sidenav-container class="sidenav-container">
   <mat-sidenav mode="side" opened class="sidenav" [style.width]="sidenavWidth">
diff --git a/src/app/app.component.spec.ts b/src/app/app.component.spec.ts
index eb72a4c3..6794d042 100644
--- a/src/app/app.component.spec.ts
+++ b/src/app/app.component.spec.ts
@@ -52,11 +52,4 @@ describe('AppComponent', () => {
   it('should create the app', () => {
     expect(app).toBeTruthy();
   });
-
-  it('check for fork me on github ribbon generation', () => {
-    const compiled = fixture.nativeElement as HTMLElement;
-    const githubLink = compiled.querySelector('.github-fork-ribbon');
-    expect(githubLink).not.toBeNull();
-    expect(githubLink?.textContent?.trim()).toBe('Fork me on GitHub');
-  });
 });

From f6283a4172d09bd4f47f985ef1dcf1eaafe49aa6 Mon Sep 17 00:00:00 2001
From: sawankshrma <thesawan47@gmail.com>
Date: Tue, 17 Feb 2026 01:52:00 +0530
Subject: [PATCH 3/3] feat: move activity modal trigger to info icon

---
 src/app/app.module.ts                         |  2 ++
 .../circular-heatmap.component.css            | 27 ++++++++++++++-----
 .../circular-heatmap.component.html           | 10 ++++++-
 src/styles.css                                |  6 ++++-
 4 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/app/app.module.ts b/src/app/app.module.ts
index 435bd2d2..aed71fa0 100644
--- a/src/app/app.module.ts
+++ b/src/app/app.module.ts
@@ -31,6 +31,7 @@ import { ProgressSliderComponent } from './component/progress-slider/progress-sl
 import { KpiComponent } from './component/kpi/kpi.component';
 import { MatDialogModule, MAT_DIALOG_DATA, MatDialogRef } from '@angular/material/dialog';
 import { TeamsGroupsEditorModule } from './component/teams-groups-editor/teams-groups-editor.module';
+import { MatTooltipModule } from '@angular/material/tooltip';
 
 @NgModule({
   declarations: [
@@ -67,6 +68,7 @@ import { TeamsGroupsEditorModule } from './component/teams-groups-editor/teams-g
     FormsModule,
     HttpClientModule,
     TeamsGroupsEditorModule,
+    MatTooltipModule,
   ],
   providers: [
     LoaderService,
diff --git a/src/app/pages/circular-heatmap/circular-heatmap.component.css b/src/app/pages/circular-heatmap/circular-heatmap.component.css
index b31aac0b..6f721dda 100644
--- a/src/app/pages/circular-heatmap/circular-heatmap.component.css
+++ b/src/app/pages/circular-heatmap/circular-heatmap.component.css
@@ -8,12 +8,27 @@
   shape-rendering: crispEdges;
 }
 
-.title-button {
-  background-color: transparent;
-  border: none;
-  text-align: left;
-  cursor: pointer;
-  font-weight: 700;
+.title-text {
+  font-weight: 500;
+  margin-right: 5px;
+}
+
+.info-button {
+  width: 24px;
+  height: 24px;
+  line-height: 24px;
+  opacity: 0.6;
+}
+.compact-tooltip {
+  transform: translateY(-20px) !important;
+}
+
+.info-icon {
+  font-size: 18px;
+}
+
+.info-button:hover {
+  opacity: 1;
 }
 
 .right-panel {
diff --git a/src/app/pages/circular-heatmap/circular-heatmap.component.html b/src/app/pages/circular-heatmap/circular-heatmap.component.html
index 2d47efda..6e970187 100644
--- a/src/app/pages/circular-heatmap/circular-heatmap.component.html
+++ b/src/app/pages/circular-heatmap/circular-heatmap.component.html
@@ -73,8 +73,16 @@ <h2>Nothing to show</h2>
               (closed)="onPanelClosed(activity)">
               <mat-expansion-panel-header>
                 <mat-panel-title>
-                  <button class="title-button" (click)="openActivityDetails(activity['uuid'])">
+                  <span class="title-text">
                     {{ activity['name'] }}
+                  </span>
+                  <button
+                    mat-icon-button
+                    class="info-button"
+                    matTooltip="Open activity description"
+                    matTooltipClass="compact-tooltip"
+                    (click)="openActivityDetails(activity['uuid']); $event.stopPropagation()">
+                    <mat-icon class="info-icon">info</mat-icon>
                   </button>
                 </mat-panel-title>
               </mat-expansion-panel-header>
diff --git a/src/styles.css b/src/styles.css
index 77080f8a..fa4c6eb5 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -58,4 +58,8 @@ h1, h2, h3 {
 
 .usage-dimensions img {
     max-width: 40rem;
-}
\ No newline at end of file
+}
+
+.compact-tooltip {
+  transform: translateY(-10px) !important;
+}