From 7fad973a77db2ccc348ae1123882935f2c4e6428 Mon Sep 17 00:00:00 2001
From: Tim <151786923+DrSommer20@users.noreply.github.com>
Date: Tue, 10 Sep 2024 09:02:56 +0200
Subject: [PATCH] Changed Spacing between between Buttons and Spacing of
 Settings Menu (#1864)

Co-authored-by: TSO <tim.sommer@bieber-marburg.de>
---
 src/main/resources/static/css/theme/componentes.css   | 11 ++++++++++-
 src/main/resources/templates/convert/file-to-pdf.html |  7 ++++---
 src/main/resources/templates/convert/img-to-pdf.html  |  3 +--
 src/main/resources/templates/fragments/navbar.html    |  2 +-
 4 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/src/main/resources/static/css/theme/componentes.css b/src/main/resources/static/css/theme/componentes.css
index eebccb62..d2c700ce 100644
--- a/src/main/resources/static/css/theme/componentes.css
+++ b/src/main/resources/static/css/theme/componentes.css
@@ -82,16 +82,22 @@ td {
 .modal-body,
 .modal-footer {
   background-color: var(--md-sys-color-surface-5);
-  padding: 1.5rem 2rem;
+
   border: none;
 }
 
 .modal-header {
   border-radius: 2rem 2rem 0rem 0rem;
+  padding: 1.5rem 2rem 0.5rem;
+}
+
+.modal-body{
+  padding: 0.5rem 2rem;
 }
 
 .modal-footer {
   border-radius: 0rem 0rem 2rem 2rem;
+  padding: 0.5rem 2rem 1.5rem;
 }
 
 /* Icon fill */
@@ -538,6 +544,9 @@ fieldset:disabled .btn {
 }
 
 /* Range Slider */
+.form-range{
+  margin-top: 0.25rem;
+}
 .form-range:focus::-webkit-slider-thumb {
   box-shadow: 0 0 0 1px var(--md-sys-color-surface), 0 0 0 .25rem var(--md-sys-color-primary)
 }
diff --git a/src/main/resources/templates/convert/file-to-pdf.html b/src/main/resources/templates/convert/file-to-pdf.html
index 23b88b8f..062abda3 100644
--- a/src/main/resources/templates/convert/file-to-pdf.html
+++ b/src/main/resources/templates/convert/file-to-pdf.html
@@ -41,9 +41,10 @@
                 <a
                   href="https://help.libreoffice.org/latest/en-US/text/shared/guide/supported_formats.html">https://help.libreoffice.org/latest/en-US/text/shared/guide/supported_formats.html</a>
               </div>
-              <br>
-              
-              <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{fileToPDF.submit}"></button>
+              <div>
+                <br/>
+                <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{fileToPDF.submit}"></button>
+              </div>
             </form>
 
           </div>
diff --git a/src/main/resources/templates/convert/img-to-pdf.html b/src/main/resources/templates/convert/img-to-pdf.html
index 755f6b5a..758e8328 100644
--- a/src/main/resources/templates/convert/img-to-pdf.html
+++ b/src/main/resources/templates/convert/img-to-pdf.html
@@ -40,7 +40,6 @@
                     <option value="blackwhite" th:text="#{pdfToImage.blackwhite}"></option>
                   </select>
                 </div>
-                <br>
                 <input type="hidden" id="override" name="override" value="multi">
                 <div class="mb-3">
                   <label th:text=#{imageToPDF.selectText.3}></label>
@@ -49,7 +48,7 @@
                     <option value="convert" th:text=#{imageToPDF.selectText.5} selected></option>
                   </select>
                 </div>
-                <br><br>
+                <br>
                 <button type="submit" id="submitBtn" class="btn btn-primary" th:text="#{imageToPDF.submit}"></button>
                 <script>
                   $('#fileInput-input').on('change', function() {
diff --git a/src/main/resources/templates/fragments/navbar.html b/src/main/resources/templates/fragments/navbar.html
index 4e8e7219..70475b54 100644
--- a/src/main/resources/templates/fragments/navbar.html
+++ b/src/main/resources/templates/fragments/navbar.html
@@ -415,7 +415,7 @@
             </select>
           </div>
           <div class="mb-3">
-            <label for="zipThreshold" th:utext="#{settings.zipThreshold}"></label>
+            <label for="zipThreshold" th:utext="#{settings.zipThreshold}"></label><br/>
             <input type="range" class="form-range" min="1" max="9" step="1" id="zipThreshold" value="4">
             <span id="zipThresholdValue" class="ms-2"></span>
           </div>