UI: Fix legend style

5 years ago · c7e75eb5b8
2 changed files with 2 additions and 2 deletions
--- a/ui-ngx/src/app/modules/home/components/widget/legend.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/legend.component.html
@ -15,8 +15,7 @@
    limitations under the License.

 -->
-<table class="tb-legend" [ngClass]="isRowDirection ? 'tb-legend-row' : 'tb-legend-column'"
-       [ngStyle]="{ marginRight: isRowDirection && !displayHeader ? 'auto' : '20px' }">
+<table class="tb-legend" [ngClass]="isRowDirection ? 'tb-legend-row' : 'tb-legend-column'">
  <thead>
  <tr class="tb-legend-header" *ngIf="!isRowDirection">
    <th colspan="2"></th>
--- a/ui-ngx/src/app/modules/home/components/widget/legend.component.scss
+++ b/ui-ngx/src/app/modules/home/components/widget/legend.component.scss
@ -24,6 +24,7 @@
    &.tb-legend-row {
      width: auto;
      margin-left: auto;
+      margin-right: auto;
    }

    .tb-legend-header,