From 1ee1b65ab8c6f9a6fd58701ed21b2ea14c5a0e73 Mon Sep 17 00:00:00 2001
From: Sachin Chauhan <sachinchauhan2889@gmail.com>
Date: Wed, 11 Nov 2020 18:09:24 +0530
Subject: [PATCH] fix: Footer use same width as above tiles in mobile view
 (#5568)

---
 app/templates/components/footer-main.hbs | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/templates/components/footer-main.hbs b/app/templates/components/footer-main.hbs
index c3356bba0b6..ca99518c282 100644
--- a/app/templates/components/footer-main.hbs
+++ b/app/templates/components/footer-main.hbs
@@ -1,6 +1,8 @@
-<div class="ui grid">
-  <div class="three wide column"></div>
-  <div class="ten wide column">
+<div class="ui {{if this.device.isMobile 'center aligned container' 'grid'}}">
+  {{#if (eq this.device.isMobile false)}}
+    <div class="three wide column"></div>
+  {{/if}}
+  <div class="{{if (eq this.device.isMobile false) 'ten wide column'}}">
     <div class="ui stackable inverted divided grid">
       <div class="four wide column">
         <div class="ui left aligned container inverted link list">
@@ -126,5 +128,7 @@
       </div>
     </div>
   </div>
-  <div class="three wide column"></div>
+  {{#if (eq this.device.isMobile false)}}
+    <div class="three wide column"></div>
+  {{/if}}
 </div>