Corregir popovers de tab de archivos

Frontend Angular 4/src/app/layout/grupos/grupos.component.html

@@ -59,7 +59,7 @@
                   ngbPopover="{{
                     'i18n.action.goBack' | translate | titleCase
                   }}"
-                  data-placement="bottom"
+                  placement="bottom"
                   triggers="mouseenter:mouseleave"
                 >
                   <i class="fa fa-arrow-up"></i>
@@ -112,7 +112,7 @@
                   ngbPopover="{{
                     'i18n.action.goBack' | translate | titleCase
                   }}"
-                  data-placement="bottom"
+                  placement="bottom"
                   triggers="mouseenter:mouseleave"
                 >
                   <i class="fa fa-arrow-up"></i>
@@ -233,7 +233,7 @@
           <button
             *ngIf="esArchivoGrupo()"
             ngbPopover="Cargar/Editar"
-            data-placement="bottom"
+            placement="bottom"
             triggers="mouseenter:mouseleave"
             class="btn btn-sm btn-secondary pull-left mr-2"
             (click)="cargarArchivoCompartido()"

Frontend Angular 4/src/styles/_responsive.scss

@@ -131,19 +131,13 @@ text {
   font-size: 16px;
 }
 
-// graph2d-component,
-// graph3d-component {
-//   .popover {
-//     top: 80px !important;
-//   }
-// }
-
 .matefun-tab-options {
   display: flex;
   align-self: flex-end;
   position: relative;
   width: fit-content;
   transform: translateY(-33px);
+  z-index: 1; // Necesario para que los popovers se vean bien
 
   & > button {
     width: 30px;