Se arregla dropdown para ordenar archivos

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

@@ -40,14 +40,32 @@
                 >
                   <i aria-hidden="true" class="fa fa-arrow-up"></i>
                 </button>
-                <div class="dropdown-menu">
-                  <a class="dropdown-item" (click)="ordenarPorTipo()">
-                    {{ "i18n.msg.order.kind" | translate }}
-                  </a>
-                  <div role="separator" class="dropdown-divider"></div>
-                  <a class="dropdown-item" (click)="ordenarPorFecha()">
-                    {{ "i18n.msg.order.date" | translate }}
-                  </a>
+
+                <div>
+                  <button
+                    ngbPopover="{{
+                      'i18n.action.order' | translate | titleCase
+                    }}"
+                    triggers="mouseenter:mouseleave"
+                    placement="bottom"
+                    type="button"
+                    data-toggle="dropdown"
+                    class="btn btn-sm btn-secondary"
+                    aria-haspopup="true"
+                    aria-expanded="false"
+                    style="width: 30px"
+                  >
+                    <i aria-hidden="true" class="fa fa-sort"></i>
+                  </button>
+                  <div class="dropdown-menu">
+                    <a class="dropdown-item" (click)="ordenarPorTipo()">
+                      {{ "i18n.msg.order.kind" | translate }}
+                    </a>
+                    <div role="separator" class="dropdown-divider"></div>
+                    <a class="dropdown-item" (click)="ordenarPorFecha()">
+                      {{ "i18n.msg.order.date" | translate }}
+                    </a>
+                  </div>
                 </div>
 
                 <button
@@ -55,25 +73,12 @@
                   triggers="mouseenter:mouseleave"
                   placement="bottom"
                   type="button"
-                  class="btn btn-sm btn-secondary"
                   data-toggle="dropdown"
-                  aria-haspopup="true"
-                  aria-expanded="false"
-                >
-                  <i aria-hidden="true" class="fa fa-plus"></i>
-                </button>
-
-                <button
-                  ngbPopover="{{ 'i18n.action.order' | translate | titleCase }}"
-                  triggers="mouseenter:mouseleave"
-                  placement="bottom"
-                  type="button"
                   class="btn btn-sm btn-secondary"
-                  data-toggle="dropdown"
                   aria-haspopup="true"
                   aria-expanded="false"
                 >
-                  <i aria-hidden="true" class="fa fa-sort"></i>
+                  <i aria-hidden="true" class="fa fa-plus"></i>
                 </button>
                 <div class="dropdown-menu">
                   <a class="dropdown-item" (click)="mkFile(true)">
@@ -337,7 +342,7 @@
   confirmLabel="{{ 'i18n.action.create' | translate | titleCase }}"
   fileDescriptionLabel="{{ 'i18n.object.descr' | translate | titleCase }}:"
   fileNameLabel="{{ 'i18n.object.name' | translate | titleCase }}:"
-  header="{{ 'i18n.action.new' | translate | titleCase }} 
+  header="{{ 'i18n.action.new' | translate | titleCase }}
   {{
     (modalTypeIsFile ? 'i18n.object.file' : 'i18n.object.folder')
       | translate
@@ -375,7 +380,7 @@
   bodyDescription="{{ 'i18n.msg.file.delete' | translate: fileNameToRemove }}"
   cancelLabel="{{ 'i18n.action.cancel' | translate | titleCase }}"
   confirmLabel="{{ 'i18n.action.delete' | translate | titleCase }}"
-  header="{{ 'i18n.action.delete' | translate | titleCase }} 
+  header="{{ 'i18n.action.delete' | translate | titleCase }}
   {{
     (modalTypeIsFile ? 'i18n.object.file' : 'i18n.object.folder')
       | translate