From e2f1265d20ea0a860f2738c93c866646a67eb72c Mon Sep 17 00:00:00 2001
From: yar-trach <yar.trach@gmail.com>
Date: Fri, 13 Oct 2017 12:53:23 +0300
Subject: [PATCH] [ADD; FIX] Added margins for buttons; Fixed positioning
 buttons in footer

---
 Build/Assets/Scss/components/_button.scss   |  3 ++-
 Build/Assets/Scss/layout/_footer.scss       |  6 ------
 Resources/Private/Partials/Page/Footer.html | 14 ++++++++------
 3 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/Build/Assets/Scss/components/_button.scss b/Build/Assets/Scss/components/_button.scss
index 5cb77dd..ae875e4 100644
--- a/Build/Assets/Scss/components/_button.scss
+++ b/Build/Assets/Scss/components/_button.scss
@@ -1,6 +1,7 @@
 .btn {
     position: relative;
-    border: 1px solid inherit;
+    margin-top: 0.5rem;
+    margin-bottom: 0.5rem;
 
     &:hover {
         text-decoration: none;
diff --git a/Build/Assets/Scss/layout/_footer.scss b/Build/Assets/Scss/layout/_footer.scss
index 4641d93..fcce9a6 100644
--- a/Build/Assets/Scss/layout/_footer.scss
+++ b/Build/Assets/Scss/layout/_footer.scss
@@ -26,13 +26,7 @@
         }
 
         .button-container {
-            position: absolute;
-            bottom: 0;
-            right: 0;
-
             .btn-primary {
-                margin: 0 calculate_rem(20) 0 0;
-
                 @include box-shadow();
             }
         }
diff --git a/Resources/Private/Partials/Page/Footer.html b/Resources/Private/Partials/Page/Footer.html
index dac952c..5d2e788 100755
--- a/Resources/Private/Partials/Page/Footer.html
+++ b/Resources/Private/Partials/Page/Footer.html
@@ -12,13 +12,15 @@
                             </span>
                             <h1>Download TYPO3 CMS now for free!</h1>
                         </div>
-                        <div class="col-md-5">
+                        <div class="col-md-5 d-flex align-items-end justify-content-end">
                             <div class="button-container">
-                                <a class="btn btn-primary"
-                                   href="{f:cObject(typoscriptObjectPath: 'lib.downloadlinkfooter')}">Download</a>
-                                <a class="btn btn-white"
-                                   href="{f:cObject(typoscriptObjectPath: 'lib.getmoreinfofooter')}">Get
-                                    more info</a>
+                                <p>
+                                    <a class="btn btn-primary mr-3"
+                                       href="{f:cObject(typoscriptObjectPath: 'lib.downloadlinkfooter')}">Download</a>
+                                    <a class="btn btn-white"
+                                       href="{f:cObject(typoscriptObjectPath: 'lib.getmoreinfofooter')}">Get
+                                        more info</a>
+                                </p>
                             </div>
                         </div>
                     </div>
-- 
GitLab