From c22969ee7b3a0fc19f945b89b3e8e22fb485a43e Mon Sep 17 00:00:00 2001
From: Scott Martin <smartin015@gmail.com>
Date: Sun, 9 Jan 2022 12:47:47 -0500
Subject: [PATCH] Tweak download STL style - flex-wrap the column and grow
 original "built with" content so the button is pushed write but remains
 responsive on smaller screens

---
 .../ProjectProfile/ProjectProfile.tsx          | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/web/src/components/ProjectProfile/ProjectProfile.tsx b/app/web/src/components/ProjectProfile/ProjectProfile.tsx
index dd904b0..6c893f3 100644
--- a/app/web/src/components/ProjectProfile/ProjectProfile.tsx
+++ b/app/web/src/components/ProjectProfile/ProjectProfile.tsx
@@ -92,16 +92,18 @@ const ProjectProfile = ({
                 <h3 className="text-5xl capitalize text-ch-gray-300">
                   {project?.title.replace(/-/g, ' ')}
                 </h3>
-                <div className="flex items-center text-gray-100">
-                  <span className="pr-4">Built with</span>
-                  <CadPackage
-                    cadPackage={project?.cadPackage}
-                    className="px-3 py-2 rounded"
-                  />
+                <div className="flex items-center text-gray-100 flex-wrap">
+                  <div className="flex flex-grow items-center">
+                    <span className="pr-4">Built with</span>
+                    <CadPackage
+                      cadPackage={project?.cadPackage}
+                      className="px-3 py-2 rounded"
+                    />
+                  </div>
                   <Button
                     className={getActiveClasses(
-                      'mr-auto bg-red-500 ml-5 text-ch-gray-300',
-                      { 'bg-indigo-200': currentUser }
+                      'ml-3 hover:bg-opacity-100 bg-ch-pink-800 bg-opacity-30 mt-4 mb-3 text-ch-gray-300',
+                                { 'bg-indigo-200': currentUser }
                     )}
                     shouldAnimateHover
                     iconName={'document-download'}