From fca7323ef199179a26ecb6723e3598e67691275a Mon Sep 17 00:00:00 2001
From: jasquat <jasquat@users.noreply.github.com>
Date: Tue, 22 Nov 2022 14:40:16 -0500
Subject: [PATCH] added link to process model tile w/ burnettk cullerton

---
 .../src/components/ProcessModelListTiles.tsx    | 17 ++++++++++++-----
 spiffworkflow-frontend/src/index.css            |  4 ++++
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/spiffworkflow-frontend/src/components/ProcessModelListTiles.tsx b/spiffworkflow-frontend/src/components/ProcessModelListTiles.tsx
index bb134d98b..be5185a76 100644
--- a/spiffworkflow-frontend/src/components/ProcessModelListTiles.tsx
+++ b/spiffworkflow-frontend/src/components/ProcessModelListTiles.tsx
@@ -33,9 +33,11 @@ export default function ProcessModelListTiles({
       setProcessModels(result.results);
     };
     // only allow 10 for now until we get the backend only returning certain models for user execution
-    let queryParams = '?per_page=100';
+    let queryParams = '?per_page=1000';
     if (processGroup) {
       queryParams = `${queryParams}&process_group_identifier=${processGroup.id}`;
+    } else {
+      queryParams = `${queryParams}&recursive=true`;
     }
     HttpService.makeCallToBackend({
       path: `/process-models${queryParams}`,
@@ -73,12 +75,17 @@ export default function ProcessModelListTiles({
           <Tile
             id={`process-model-tile-${row.id}`}
             className="tile-process-group"
-            href={`/admin/process-models/${modifyProcessIdentifierForPathParam(
-              row.id
-            )}`}
           >
             <div className="tile-process-group-content-container">
-              <div className="tile-title-top">{row.display_name}</div>
+              <div className="tile-title-top">
+                <a
+                  href={`/admin/process-models/${modifyProcessIdentifierForPathParam(
+                    row.id
+                  )}`}
+                >
+                  {row.display_name}
+                </a>
+              </div>
               <p className="tile-description">
                 {truncateString(row.description || '', 100)}
               </p>
diff --git a/spiffworkflow-frontend/src/index.css b/spiffworkflow-frontend/src/index.css
index 598d396bc..58e232772 100644
--- a/spiffworkflow-frontend/src/index.css
+++ b/spiffworkflow-frontend/src/index.css
@@ -248,3 +248,7 @@ in on this with the react-jsonschema-form repo. This is just a patch fix to allo
   position: absolute;
   bottom: 1em;
 }
+
+.cds--tabs .cds--tabs__nav-link {
+  max-width: 20rem;
+}