fix: make autocomplete take full height ioet#544

Author: Angeluz-07

src/app/modules/shared/components/sidebar/sidebar.component.html

@@ -29,8 +29,8 @@
         </ul>
       </div>
     </nav>
-    <div class="container-fluid">
-        <div class="content_app">
+    <div class="container-fluid px-0 full-height">
+        <div class="content_app h-100">
           <router-outlet></router-outlet>
         </div>
     </div>

src/app/modules/shared/components/sidebar/sidebar.component.scss

@@ -44,7 +44,7 @@ body {
 }
 
 .content_app {
-  padding: 5rem 3rem;
+  padding: 2rem 3rem 5rem 3rem;
   overflow-y: auto;
 }
 
@@ -54,3 +54,11 @@ body {
   text-decoration: underline;
   border-color: $primary;
 }
+
+.full-height {
+  height: 100%;
+  height: -moz-calc(100vh - 12vh);
+  height: -webkit-calc(100vh - 12vh);
+  height: -o-calc(100vh - 12vh);
+  height: calc(100vh - 12vh);
+}