From 53e1970e44f4bc1dd146bcf606f2f7cb15540c28 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Tue, 3 Dec 2024 17:49:45 -0600
Subject: [PATCH] Website: (/app-library) rename zoom icon, update button
 placement on mobile (#24360)

Closes #24352
Closes #24306

Changes:
- Updated the name of the Zoom icon
- Updated the Request an app button to be at the bottom of the page on
mobile devices.
---
 ... app-icon-zoom-for-it-admins-60x60@2x.png} | Bin
 website/assets/styles/pages/app-library.less  |   4 ++++
 website/views/pages/app-library.ejs           |  21 +++++-------------
 3 files changed, 9 insertions(+), 16 deletions(-)
 rename website/assets/images/{app-icon-zoom-60x60@2x.png => app-icon-zoom-for-it-admins-60x60@2x.png} (100%)

diff --git a/website/assets/images/app-icon-zoom-60x60@2x.png b/website/assets/images/app-icon-zoom-for-it-admins-60x60@2x.png
similarity index 100%
rename from website/assets/images/app-icon-zoom-60x60@2x.png
rename to website/assets/images/app-icon-zoom-for-it-admins-60x60@2x.png
diff --git a/website/assets/styles/pages/app-library.less b/website/assets/styles/pages/app-library.less
index 0f5ba623ce..555f427247 100644
--- a/website/assets/styles/pages/app-library.less
+++ b/website/assets/styles/pages/app-library.less
@@ -238,6 +238,10 @@
     [purpose='page-container'] {
       padding: 32px 24px;
     }
+    [purpose='request-button'] {
+      margin-top: 16px;
+      width: 100%;
+    }
 
   }
 
diff --git a/website/views/pages/app-library.ejs b/website/views/pages/app-library.ejs
index 55b705546b..7dd7816c54 100644
--- a/website/views/pages/app-library.ejs
+++ b/website/views/pages/app-library.ejs
@@ -24,8 +24,8 @@
         </div> -->
       </div>
       <div purpose="count-and-cta" class="d-flex flex-sm-row flex-column align-items-sm-center align-items-start justify-content-sm-between justify-content-center mb-3">
-        <div><p class="mb-sm-0"><strong>{{allApps.length}} and counting....</strong></p></div>
-        <div>
+        <div><p class="mb-0"><strong>{{allApps.length}} and counting....</strong></p></div>
+        <div class="d-sm-block d-none">
           <a purpose="request-button" href="/contact?sendMessage">Request an app</a>
         </div>
       </div>
@@ -46,22 +46,11 @@
             </div>
           </a>
         <% } %>
-        <!--
-        <a :href="'/app-library/'+app.identifier" purpose="app-card" class="card d-flex" v-for="app in allApps">
-          <div class="d-flex flex-row align-items-center justify-content-start">
-            <div purpose="app-icon">
-              <img :src="'/images/app-icon-'+app.identifier+'-60x60@2x.png'">
-            </div>
-            <div class="flex-column">
-              <h4>{{app.name}}</h4>
-              <p purpose="app-version" class="mb-0">
-                {{app.version}}
-              </p>
-            </div>
-          </div>
-        </a> -->
         <div purpose="app-card" class="card d-flex invisible"></div>
       </div>
+      <div class="d-flex d-sm-none w-100">
+        <a purpose="request-button" href="/contact?sendMessage">Request an app</a>
+      </div>
     </div>
   </div>
 </div>