From c0bbd92c9ea80973e6051aa117123435d93aa1fd Mon Sep 17 00:00:00 2001
From: Reece Browne <74901996+reecebrowne@users.noreply.github.com>
Date: Wed, 2 Jul 2025 16:52:52 +0100
Subject: [PATCH] remove footer gap (#3855)

# Description of Changes

Please provide a summary of the changes, including:

- What was changed
- Why the change was made
- Any challenges encountered

Closes #(issue_number)

---

## Checklist

### General

- [ ] I have read the [Contribution
Guidelines](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/CONTRIBUTING.md)
- [ ] I have read the [Stirling-PDF Developer
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/DeveloperGuide.md)
(if applicable)
- [ ] I have read the [How to add new languages to
Stirling-PDF](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/HowToAddNewLanguage.md)
(if applicable)
- [ ] I have performed a self-review of my own code
- [ ] My changes generate no new warnings

### Documentation

- [ ] I have updated relevant docs on [Stirling-PDF's doc
repo](https://github.com/Stirling-Tools/Stirling-Tools.github.io/blob/main/docs/)
(if functionality has heavily changed)
- [ ] I have read the section [Add New Translation
Tags](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/HowToAddNewLanguage.md#add-new-translation-tags)
(for new translation tags only)

### UI Changes (if applicable)

- [ ] Screenshots or videos demonstrating the UI changes are attached
(e.g., as comments or direct attachments in the PR)

### Testing (if applicable)

- [ ] I have tested my changes locally. Refer to the [Testing
Guide](https://github.com/Stirling-Tools/Stirling-PDF/blob/main/DeveloperGuide.md#6-testing)
for more details.

---------

Co-authored-by: Anthony Stirling <77850077+Frooodle@users.noreply.github.com>
---
 .../src/main/resources/settings.yml.template  |  2 +-
 .../src/main/resources/static/css/footer.css  |  3 +-
 .../main/resources/static/css/home-legacy.css |  2 +-
 .../src/main/resources/static/css/home.css    |  3 +-
 .../resources/templates/fragments/footer.html |  2 +-
 .../src/main/resources/templates/home.html    | 49 ++++++++++++-------
 6 files changed, 37 insertions(+), 24 deletions(-)

diff --git a/stirling-pdf/src/main/resources/settings.yml.template b/stirling-pdf/src/main/resources/settings.yml.template
index 75f23f03f..96701af3b 100644
--- a/stirling-pdf/src/main/resources/settings.yml.template
+++ b/stirling-pdf/src/main/resources/settings.yml.template
@@ -62,7 +62,7 @@ security:
 
 premium:
   key: 00000000-0000-0000-0000-000000000000
-  enabled: true # Enable license key checks for pro/enterprise features
+  enabled: false # Enable license key checks for pro/enterprise features
   proFeatures:
     database: true # Enable database features
     SSOAutoLogin: false
diff --git a/stirling-pdf/src/main/resources/static/css/footer.css b/stirling-pdf/src/main/resources/static/css/footer.css
index 3945b1b43..274be2178 100644
--- a/stirling-pdf/src/main/resources/static/css/footer.css
+++ b/stirling-pdf/src/main/resources/static/css/footer.css
@@ -11,6 +11,7 @@
   align-items: center; /* Center children horizontally */
   flex-grow: 1;
   flex-direction: column;
+  margin-top: 1rem;;
 }
 
 .footer-powered-by {
@@ -57,4 +58,4 @@
   .footer-link-list{
     flex-direction: column; /* Stack links vertically on smaller screens */
   }
-}
\ No newline at end of file
+}
diff --git a/stirling-pdf/src/main/resources/static/css/home-legacy.css b/stirling-pdf/src/main/resources/static/css/home-legacy.css
index b25fafc17..3539edd1f 100644
--- a/stirling-pdf/src/main/resources/static/css/home-legacy.css
+++ b/stirling-pdf/src/main/resources/static/css/home-legacy.css
@@ -3,7 +3,7 @@
     background-color: var(--md-sys-color-surface-container-low);
     width: 100%;
     font-size: 16px;
-    margin-bottom: 2rem;
+    margin-bottom: 0.5rem;
     padding: 0.75rem 3.5rem;
     border: 1px solid var(--md-sys-color-outline-variant);
     border-radius: 3rem;
diff --git a/stirling-pdf/src/main/resources/static/css/home.css b/stirling-pdf/src/main/resources/static/css/home.css
index c36a1eb95..fc1a8c3fb 100644
--- a/stirling-pdf/src/main/resources/static/css/home.css
+++ b/stirling-pdf/src/main/resources/static/css/home.css
@@ -91,7 +91,8 @@
 }
 
 .newfeature{
-  min-width:12rem;
+  display: flex;
+  width:fit-content
 }
 .recent-features{
   display: flex;
diff --git a/stirling-pdf/src/main/resources/templates/fragments/footer.html b/stirling-pdf/src/main/resources/templates/fragments/footer.html
index 324f550d9..01616ddca 100644
--- a/stirling-pdf/src/main/resources/templates/fragments/footer.html
+++ b/stirling-pdf/src/main/resources/templates/fragments/footer.html
@@ -1,4 +1,4 @@
-<footer th:fragment="footer" id="footer" class="text-center pt-5">
+<footer th:fragment="footer" id="footer" class="text-center">
   
   <script type="module" th:src="@{'/js/thirdParty/cookieconsent-config.js'}"></script>
   <div class="footer-center pb-4">
diff --git a/stirling-pdf/src/main/resources/templates/home.html b/stirling-pdf/src/main/resources/templates/home.html
index 2a5d51af7..e3de95ffb 100644
--- a/stirling-pdf/src/main/resources/templates/home.html
+++ b/stirling-pdf/src/main/resources/templates/home.html
@@ -7,10 +7,9 @@
 </head>
 
 <body>
-  <div id="page-container">  
-        <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
-    <div style="transform-origin: top;"
-    id="scale-wrap">
+  <div class="page-container" style="height:98vh; max-height:98vh; overflow-x:hidden;">
+    <th:block th:insert="~{fragments/navbar.html :: navbar}"></th:block>
+    <div style="transform-origin: center top; flex:0 1 auto; display:flex; flex-direction:column; align-items:center; justify-content:flex-start;" id="scale-wrap">
       <br class="d-md-none">
       <!-- Features -->
       <script th:src="@{'/js/homecard.js'}"></script>
@@ -27,9 +26,9 @@
                 <div
                   style="display:flex; flex-direction: column; justify-content: center; width:100%; margin-bottom:1rem">
                   <div style="width:fit-content; margin: 0 auto; padding: 0 3rem">
-                    <p class="lead fs-4"
+                    <div class="lead fs-4"
                       th:text="${@homeText != 'null' and @homeText != null and @homeText != ''} ? ${@homeText} : #{home.desc}">
-                    </p>
+                  </div>
                   </div>
                   <div id="groupRecent" style="width: fit-content; margin: 0 auto">
                     <div
@@ -53,10 +52,9 @@
                 </div>
 
               </div>
-              <span class="material-symbols-rounded search-icon">
-                search
-              </span>
-              <input type="text" id="searchBar" onkeyup="filterCards()" th:placeholder="#{home.searchBar}" autofocus>
+              <div style="display: flex; align-items: center; gap: 0.5rem;">
+                <input type="text" id="searchBar" onkeyup="filterCards()" th:placeholder="#{home.searchBar}" autofocus>
+              </div>
 
               <div style="display: flex; column-gap: 3rem; flex-wrap: wrap; margin-left:1rem">
                 <div
@@ -70,7 +68,7 @@
                   </select>
                 </div>
                 <div
-                  style="display: flex; align-items: center; flex-wrap: wrap; align-content: flex-start; width: fit-content; max-width: 100%; gap:2rem;  justify-content: center;">
+                  style="display: flex; align-items: center; flex-wrap: wrap; align-content: flex-start; width: fit-content; max-width: 100%; gap:2rem;  justify-content: center;" >
                   <div th:title="#{home.setFavorites}" style="display: flex; align-items: center; cursor: pointer;"
                     onclick="toggleFavoritesMode()">
                     <span class="material-symbols-rounded toggle-favourites"
@@ -117,9 +115,9 @@
           </div>
 
         </div>
-            <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
 
-      </div>
+      </div>   
+          <th:block th:insert="~{fragments/footer.html :: footer}"></th:block>
     </div>
   </div>
 
@@ -225,14 +223,27 @@
       const scaleY = window.innerHeight / baseHeight;
       const scale = Math.max(0.9, Math.min(scaleX, scaleY)); // keep aspect ratio, honor minScale
       const ui = document.getElementById('scale-wrap');
-      ui.style.transform = `scale(${scale*0.75})`;
+      const pageContainer = document.querySelector('.page-container');
+      
+      // Calculate available space for content
+      const navbar = document.querySelector('.navbar, nav');
+      const navbarHeight = navbar ? navbar.offsetHeight : 0;
+      const availableHeight = pageContainer.offsetHeight - navbarHeight;
+      const originalHeight = ui.scrollHeight;
+      
+      // Dynamic scale based on available space, with a safety margin
+      let finalScale = Math.min(scale * 0.75, (availableHeight * 0.98) / originalHeight);
+      finalScale = Math.max(0.5, finalScale); // Minimum scale
+      
+      ui.style.transform = `scale(${finalScale})`;
+      ui.style.transformOrigin = 'top center';
+      ui.style.height = `${originalHeight * finalScale}px`;
     }
-  
-    window.addEventListener('resize', applyScale);
-    window.addEventListener('load', applyScale);
+    
+      applyScale();
+    
+    
   </script>
-  
-
 </body>
 
 </html>