From c1db649683bc798a00931876513d95372e9df6be Mon Sep 17 00:00:00 2001
From: johanf85 <43075793+johanf85@users.noreply.github.com>
Date: Tue, 7 Sep 2021 23:47:50 +0200
Subject: [PATCH] CSS added margin top to Sponsors box as in Press box (#19218)

* Added a margin-top to Sponsors as in Press box

* Added a div around sponsors and press

For adding the ability for a margin applied two both boxes

* Changes for the added div around sponsors and press

* Update _paulus.scss

* Apply suggestions from code review

Co-authored-by: Paulus Schoutsen <paulus@home-assistant.io>
---
 sass/custom/_paulus.scss | 8 +++++---
 source/index.html        | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/sass/custom/_paulus.scss b/sass/custom/_paulus.scss
index 887618dcbe6..ad983a3c901 100644
--- a/sass/custom/_paulus.scss
+++ b/sass/custom/_paulus.scss
@@ -240,9 +240,12 @@ $primary-color: #049cdb;
     }
   }
 
+  .sponsors-and-press {
+    margin-top:24px;
+  }
+  
   .sponsored-by {
-
-  img {
+    img {
       border: 0;
       border-radius: 0;
       box-shadow: none;
@@ -254,7 +257,6 @@ $primary-color: #049cdb;
   }
   
   .seen-press {
-    margin-top: 24px;
 
     img {
       border: 0;
diff --git a/source/index.html b/source/index.html
index 15611a8f675..236da43d646 100644
--- a/source/index.html
+++ b/source/index.html
@@ -171,7 +171,7 @@ feedback: false
 
     <div class="sub-title">Features</div>
     {% include custom/features.html %}
-
+    <div class="grid sponsors-and-press">
     <div class="sponsored-by grid__item one-half lap-one-half palm-one-whole">
       <div class="material-card">
         <h1>Home Assistant is sponsored by</h1>
@@ -181,7 +181,6 @@ feedback: false
         /></a>
       </div>
     </div>
-
     <div class="seen-press grid__item one-half lap-one-half palm-one-whole">
       <div class="material-card">
         <h1>Home Assistant in the press</h1>
@@ -247,6 +246,7 @@ feedback: false
           ><img alt="Ct logo" src="/images/press/ct.png"
         /></a>
       </div>
+      </div>
     </div>
   </div>
 </div>