From 4f1b3e5514260fd86cdf2c2a80d06dc11ffe5fe7 Mon Sep 17 00:00:00 2001
From: Arhell <arhell333@gmail.com>
Date: Tue, 16 Feb 2021 00:24:47 +0200
Subject: [PATCH] fix footer social icons

---
 static/assets/resources/css/responsive.css | 4 ++++
 static/assets/resources/css/styles.css     | 1 +
 templates/footer.twig                      | 8 ++++----
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/static/assets/resources/css/responsive.css b/static/assets/resources/css/responsive.css
index 393d3c9a..c0f983af 100644
--- a/static/assets/resources/css/responsive.css
+++ b/static/assets/resources/css/responsive.css
@@ -218,6 +218,10 @@
     #improve-slideout-inner {
         bottom: 0;
     }
+
+    .social {
+        margin-bottom: 44px;
+    }
 }
 
 
diff --git a/static/assets/resources/css/styles.css b/static/assets/resources/css/styles.css
index ff636cd9..40985f7a 100644
--- a/static/assets/resources/css/styles.css
+++ b/static/assets/resources/css/styles.css
@@ -1756,6 +1756,7 @@ header {
 
 .social iframe {
     text-align: center;
+    width: 96px;
 }
 
 .form-user input {
diff --git a/templates/footer.twig b/templates/footer.twig
index 1ba4f5f9..8b134084 100644
--- a/templates/footer.twig
+++ b/templates/footer.twig
@@ -2,7 +2,7 @@
 	<div class="container-fluid">
 		<div class="row">
 			<div class="col-xs-12 col-sm-12 col-md-5  social text-center">
-				<div class="col-sm-3 col-xs-3">
+				<div class="col-sm-3 col-xs-6">
 					<div id="fb-root"></div>
 						<script type="text/javascript">(function(d, s, id) {
 						  var js, fjs = d.getElementsByTagName(s)[0];
@@ -15,16 +15,16 @@
 						<div id="fb-root-face" class="fb-like" data-href="https://www.facebook.com/CakePHP/" data-layout="button_count" data-action="like" data-show-faces="true" data-share="false"></div>
 				</div>
 
-				<div class="col-sm-3 col-xs-3">
+				<div class="col-sm-3 col-xs-6">
 				    <a href="https://twitter.com/CakePHP" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false">Follow @CakePHP</a>
                     <script type="text/javascript">!function(d,s,id) { var js, fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){ js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);} }(document, 'script', 'twitter-wjs');</script>
 				</div>
 
-				<div class="col-sm-3 col-xs-3">
+				<div class="col-sm-3 col-xs-6">
 					<iframe src="https://ghbtns.com/github-btn.html?user=cakephp&amp;repo=cakephp&amp;type=star&amp;count=true&amp;size=small" frameborder="0" scrolling="0" width="120px" height="30px"></iframe>
 				</div>
 
-				<div class="col-sm-3 col-xs-3">
+				<div class="col-sm-3 col-xs-6">
 					<iframe src="https://ghbtns.com/github-btn.html?user=cakephp&amp;repo=cakephp&amp;type=fork&amp;count=true&amp;size=small" frameborder="0" scrolling="0" width="120px" height="30px"></iframe>
 				</div>
 			</div>