From 4defa7f3625573fa2853c8139041974c0142d702 Mon Sep 17 00:00:00 2001
From: Abderrahmane Smimite <smimite@gmail.com>
Date: Mon, 4 Nov 2024 13:50:04 +0100
Subject: [PATCH 1/2] better color management for mini buttons

---
 frontend/src/app.postcss                      |  8 ++++++
 .../(internal)/[model=urlmodel]/+page.svelte  | 26 +++++++++++++++----
 2 files changed, 29 insertions(+), 5 deletions(-)

diff --git a/frontend/src/app.postcss b/frontend/src/app.postcss
index e12ea162b..8aec60a90 100644
--- a/frontend/src/app.postcss
+++ b/frontend/src/app.postcss
@@ -17,3 +17,11 @@ body {
 		transition: none;
 	}
 }
+@layer components {
+  .btn-mini-primary {
+    @apply text-gray-50 bg-violet-600 hover:bg-violet-500;
+  }
+  .btn-mini-secondary {
+    @apply text-gray-50 bg-pink-500 hover:bg-pink-400;
+  }
+}
diff --git a/frontend/src/routes/(app)/(internal)/[model=urlmodel]/+page.svelte b/frontend/src/routes/(app)/(internal)/[model=urlmodel]/+page.svelte
index 21a03f5d6..922637190 100644
--- a/frontend/src/routes/(app)/(internal)/[model=urlmodel]/+page.svelte
+++ b/frontend/src/routes/(app)/(internal)/[model=urlmodel]/+page.svelte
@@ -59,7 +59,7 @@
 					<span class="inline-flex overflow-hidden rounded-md border bg-white shadow-sm">
 						{#if !['risk-matrices', 'frameworks', 'requirement-mapping-sets', 'user-groups', 'role-assignments'].includes(URLModel)}
 							<button
-								class="inline-block border-e p-3 text-gray-50 bg-pink-500 hover:bg-pink-400 w-12 focus:relative"
+								class="inline-block border-e p-3 btn-mini-primary w-12 focus:relative"
 								data-testid="add-button"
 								title={safeTranslate('add-' + data.model.localName)}
 								on:click={modalCreateForm}
@@ -68,29 +68,45 @@
 							{#if URLModel === 'applied-controls'}
 								<a
 									href="{URLModel}/export/"
-									class="inline-block p-3 text-gray-50 bg-pink-500 hover:bg-pink-400 w-12 focus:relative"
+									class="inline-block p-3 btn-mini-secondary w-12 focus:relative"
 									title={m.exportButton()}
 									data-testid="export-button"><i class="fa-solid fa-download mr-2" /></a
 								>
 							{/if}
+							{#if URLModel === 'assets'}
+								<a
+									href="assets/graph/"
+									class="inline-block p-3 btn-mini-secondary w-12 focus:relative"
+									title={m.exportButton()}
+									data-testid="viz-button"><i class="fa-solid fa-diagram-project"></i></a
+								>
+							{/if}
+							{#if URLModel === 'folders'}
+								<a
+									href="x-rays/inspect"
+									class="inline-block p-3 btn-mini-secondary w-12 focus:relative"
+									title={m.exportButton()}
+									data-testid="viz-button"><i class="fa-solid fa-diagram-project"></i></a
+								>
+							{/if}
 						{:else if URLModel === 'risk-matrices'}
 							<a
 								href="/libraries"
-								class="inline-block p-3 text-gray-50 bg-pink-500 hover:bg-pink-400 w-12 focus:relative"
+								class="inline-block p-3 btn-mini-primary w-12 focus:relative"
 								data-testid="add-button"
 								title={m.importMatrices()}><i class="fa-solid fa-file-import mr-2" /></a
 							>
 						{:else if URLModel === 'frameworks'}
 							<a
 								href="/libraries"
-								class="inline-block p-3 text-gray-50 bg-pink-500 hover:bg-pink-400 w-12 focus:relative"
+								class="inline-block p-3 btn-mini-primary w-12 focus:relative"
 								data-testid="add-button"
 								title={m.importFrameworks()}><i class="fa-solid fa-file-import mr-2" /></a
 							>
 						{:else if URLModel === 'requirement-mapping-sets'}
 							<a
 								href="/libraries"
-								class="inline-block p-3 text-gray-50 bg-pink-500 hover:bg-pink-400 w-12 focus:relative"
+								class="inline-block p-3 btn-mini-primary w-12 focus:relative"
 								data-testid="add-button"
 								title={m.importMappings()}><i class="fa-solid fa-file-import mr-2" /></a
 							>

From 1b17ad906a5a1fb4951f776f91c307339147c3b8 Mon Sep 17 00:00:00 2001
From: Abderrahmane Smimite <smimite@gmail.com>
Date: Mon, 4 Nov 2024 13:51:30 +0100
Subject: [PATCH 2/2] Formatter

---
 frontend/src/app.postcss | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app.postcss b/frontend/src/app.postcss
index 8aec60a90..52d6d1239 100644
--- a/frontend/src/app.postcss
+++ b/frontend/src/app.postcss
@@ -18,10 +18,10 @@ body {
 	}
 }
 @layer components {
-  .btn-mini-primary {
-    @apply text-gray-50 bg-violet-600 hover:bg-violet-500;
-  }
-  .btn-mini-secondary {
-    @apply text-gray-50 bg-pink-500 hover:bg-pink-400;
-  }
+	.btn-mini-primary {
+		@apply text-gray-50 bg-violet-600 hover:bg-violet-500;
+	}
+	.btn-mini-secondary {
+		@apply text-gray-50 bg-pink-500 hover:bg-pink-400;
+	}
 }