From 157422ce4711e9a0e7022b85cd15951988eef0b8 Mon Sep 17 00:00:00 2001
From: Vitor Hideyoshi <vitor.h.n.batista@gmail.com>
Date: Sun, 15 Oct 2023 02:07:29 -0300
Subject: [PATCH] Improves Footer

---
 src/app/app.component.css                     |  2 +-
 src/app/footer/footer.component.css           | 29 +++++++++++++++----
 src/app/footer/footer.component.html          |  4 +--
 .../clicked-outside.directive.ts              |  2 --
 4 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/src/app/app.component.css b/src/app/app.component.css
index 0730e93..339ce0c 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,3 +1,3 @@
 .app-body {
-    min-height: 74vh;
+    min-height: 76vh;
 }
diff --git a/src/app/footer/footer.component.css b/src/app/footer/footer.component.css
index 0feb53c..5f2fa14 100644
--- a/src/app/footer/footer.component.css
+++ b/src/app/footer/footer.component.css
@@ -1,11 +1,30 @@
-footer {
-    max-height: 100px;
-    margin-top: auto;
-}
-
 .page-footer {
+    position: relative;
     bottom: 0;
     width: 100%;
+    z-index: -1;
+}
+
+.footer-text {
+    background-color: #525252;
+    color: #ffffff;
+    padding: 10px 0;
+    height: 4vh;
+    text-align: center;
+}
+
+.footer-links {
+    display: flex;
+    height: 10vh;
+    justify-content: center;
+    align-items: center;
+    padding: 20px 0;
+}
+
+.footer-links a {
+    color: #ffffff;
+    font-size: 18px;
+    margin: 0 10px;
 }
 
 .footer-btn {
diff --git a/src/app/footer/footer.component.html b/src/app/footer/footer.component.html
index 9d0e0a8..a47cd6d 100644
--- a/src/app/footer/footer.component.html
+++ b/src/app/footer/footer.component.html
@@ -1,6 +1,6 @@
 <footer class="text-center text-white page-footer">
     <!-- Grid container -->
-    <div class="p-4 pb-0" style="background-color: #525252">
+    <div class="footer-links" style="background-color: #525252">
         <!-- Section: Social media -->
         <section class="mb-2">
             <!-- Twitter -->
@@ -33,7 +33,7 @@
     <!-- Grid container -->
 
     <!-- Copyright -->
-    <div class="text-center p-3" style="background-color: #2e2e2e">
+    <div class="footer-text" style="background-color: #2e2e2e">
         © 2023 Copyright:
         <a class="text-white" href="https://hideyoshi.com.br/"
             >Hideyoshi Solutions</a
diff --git a/src/app/shared/directive/clicked-outside/clicked-outside.directive.ts b/src/app/shared/directive/clicked-outside/clicked-outside.directive.ts
index d25a3ce..1f9339f 100644
--- a/src/app/shared/directive/clicked-outside/clicked-outside.directive.ts
+++ b/src/app/shared/directive/clicked-outside/clicked-outside.directive.ts
@@ -75,8 +75,6 @@ export class ClickedOutsideDirective implements AfterViewInit, OnDestroy {
             status = false;
         }
 
-        console.log('isOutside', status);
-
         return status;
     }