From 7ab4d40ff470d98580d8d1da24d7bcd9120100af Mon Sep 17 00:00:00 2001
From: Kevin Burnett <18027+burnettk@users.noreply.github.com>
Date: Mon, 12 Jun 2023 06:42:30 -0700
Subject: [PATCH] make primary file use font style italics (#324)

Co-authored-by: burnettk <burnettk@users.noreply.github.com>
---
 spiffworkflow-frontend/src/index.css                   | 4 ++++
 spiffworkflow-frontend/src/routes/ProcessModelShow.tsx | 9 +++++++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/spiffworkflow-frontend/src/index.css b/spiffworkflow-frontend/src/index.css
index a7276419..be823fe0 100644
--- a/spiffworkflow-frontend/src/index.css
+++ b/spiffworkflow-frontend/src/index.css
@@ -595,3 +595,7 @@ hr {
     margin: 1rem 0;
     opacity: .25;
 }
+
+.primary-file-text-suffix {
+  font-style: italic;
+}
diff --git a/spiffworkflow-frontend/src/routes/ProcessModelShow.tsx b/spiffworkflow-frontend/src/routes/ProcessModelShow.tsx
index 2c84b632..2f24916d 100644
--- a/spiffworkflow-frontend/src/routes/ProcessModelShow.tsx
+++ b/spiffworkflow-frontend/src/routes/ProcessModelShow.tsx
@@ -352,9 +352,14 @@ export default function ProcessModelShow() {
         );
       }
 
-      let primarySuffix = '';
+      let primarySuffix = null;
       if (isPrimaryBpmnFile) {
-        primarySuffix = '- Primary File';
+        primarySuffix = (
+          <span>
+            &nbsp;-{' '}
+            <span className="primary-file-text-suffix">Primary File</span>
+          </span>
+        );
       }
       let fileLink = null;
       const fileUrl = profileModelFileEditUrl(processModelFile);