SHIBUI-688: Fixed enabled/disabled icons on provider dashboard; added…

… flex to provider accordion for better mobile display;
TIER · Aug 3, 2018 · 8c278c4 · 8c278c4
1 parent 67ab1bc
commit 8c278c4
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/ui/src/app/metadata/manager/component/provider-item.component.html b/ui/src/app/metadata/manager/component/provider-item.component.html
@@ -1,6 +1,6 @@
 <div class="card">
     <div class="card-header" (click)="toggle.emit(provider)" (keydown.space)="toggle.emit(provider)" tabindex="0">
-        <div class="row">
+        <div class="d-flex">
             <div class="reorder-card">
                 <p class="text-center text-primary font-weight-bold">1</p>
                 <button class="btn btn-link" disabled>
@@ -10,24 +10,24 @@
                     <i class="fa text-info fa-lg fa-chevron-circle-up" aria-hidden="true"></i>
                 </button>
             </div>
-            <div class="col-9 clearfix">
+            <div class="flex-grow-1">
                 <div class="w-10 pr-3 pull-left">
                     <i class="fa fa-fw fa-3x text-primary" [class.fa-caret-right]="!isOpen" [class.fa-caret-down]="isOpen"></i>
                     &nbsp;
                     <span class="label-icon sr-hidden">
                         <i class="fa fa-fw fa-3x text-info fa-cubes"></i>
                     </span>
                 </div>
-                <div>
+                <div class="px-2">
                     {{ provider.name }}
-                    <i *ngIf="!provider.enabled" class="fa fa-fw" [ngClass]="{
+                    <i class="fa fa-fw" [ngClass]="{
                         'fa-check-circle text-success': provider.enabled,
                         'fa-times-circle text-danger': !provider.enabled
                     }"></i>
                     <small class="d-block">{{ provider['@type'] }}</small>
                 </div>
             </div>
-            <div class="col-2 text-right">
+            <div>
                 <button class="btn btn-primary btn-filter pull-left" (click)="viewFilters.emit(provider)">
                         <i class="fa fa-filter"></i>&nbsp;
                         <span class="label">Active Filters</span>&nbsp;
@@ -61,7 +61,7 @@
                         <div class="col text-right font-weight-bold">
                             Metadata Provider Status:
                         </div>
-                        <div class="col" *ngIf="!provider.enabled">
+                        <div class="col">
                             <i class="fa fa-fw" [ngClass]="{
                                 'fa-check-circle text-success': provider.enabled,
                                 'fa-times-circle text-danger': !provider.enabled