Improves Footer

src/app/app.component.css

@@ -1,3 +1,3 @@
 .app-body {
-    min-height: 74vh;
+    min-height: 76vh;
 }

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 {

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

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;
     }