From 29bbb542ca1ca885aa90d6c505fb272ef9a079c6 Mon Sep 17 00:00:00 2001
From: Peter Maquiran <you@example.com>
Date: Wed, 30 Dec 2020 11:43:48 +0100
Subject: [PATCH] Add responsive effect in home tab

---
 src/app/home/home.module.ts | 3 ++-
 src/app/home/home.page.html | 6 ++++--
 src/app/home/home.page.scss | 8 ++++++++
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/app/home/home.module.ts b/src/app/home/home.module.ts
index d08ad6d08..51c35d4f1 100644
--- a/src/app/home/home.module.ts
+++ b/src/app/home/home.module.ts
@@ -8,7 +8,7 @@ import { HomePageRoutingModule } from './home-routing.module';
 
 import { HomePage } from './home.page';
 /* import { IonicSelectableModule } from 'ionic-selectable'; */
-
+import { SharedModule } from 'src/app/shared/shared.module';
 
 @NgModule({
   imports: [
@@ -16,6 +16,7 @@ import { HomePage } from './home.page';
     FormsModule,
     IonicModule,
     HomePageRoutingModule,
+    SharedModule
   ],
   declarations: [HomePage]
 })
diff --git a/src/app/home/home.page.html b/src/app/home/home.page.html
index 269073e67..1c45791b3 100644
--- a/src/app/home/home.page.html
+++ b/src/app/home/home.page.html
@@ -1,5 +1,7 @@
-<ion-tabs>
-    <ion-tab-bar slot="bottom">
+
+
+<ion-tabs class="tab">
+    <ion-tab-bar class="bottoms" slot="bottom">
       <ion-tab-button tab="events">
         <!-- <ion-icon name="home"></ion-icon> -->
         <ion-icon class="nav-icon" src="assets/images/icons-nav-home.svg"></ion-icon>
diff --git a/src/app/home/home.page.scss b/src/app/home/home.page.scss
index 9d05f7947..57a1ccc35 100644
--- a/src/app/home/home.page.scss
+++ b/src/app/home/home.page.scss
@@ -25,4 +25,12 @@ ion-badge {/*  */
 
   white-space: nowrap;
   vertical-align: baseline; */
+}
+
+
+.tab{
+  .bottoms{
+    display: flex;
+    justify-content: space-around;
+  }
 }
\ No newline at end of file