UI: Minor improvements

3 years ago · a65396c40c
4 changed files with 6 additions and 8 deletions
--- a/application/src/main/data/json/system/widget_types/progress_bar.json
+++ b/application/src/main/data/json/system/widget_types/progress_bar.json
--- a/application/src/main/data/json/system/widget_types/simple_value_and_chart_card.json
+++ b/application/src/main/data/json/system/widget_types/simple_value_and_chart_card.json
--- a/ui-ngx/src/app/modules/home/components/widget/config/basic/cards/progress-bar-basic-config.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/config/basic/cards/progress-bar-basic-config.component.html
@ -86,7 +86,7 @@
        </tb-color-input>
      </div>
    </div>
-    <div class="tb-form-row">
+    <div class="tb-form-row column-xs">
      <mat-slide-toggle class="mat-slide fixed-title-width" formControlName="showValue">
        {{ 'widgets.progress-bar.value' | translate }}
      </mat-slide-toggle>
@ -104,7 +104,7 @@
        </tb-color-settings>
      </div>
    </div>
-    <div class="tb-form-row space-between">
+    <div class="tb-form-row space-between column-xs">
      <div>{{ 'widgets.progress-bar.range' | translate }}</div>
      <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
        <div class="tb-small-label" translate>widgets.progress-bar.min</div>
--- a/ui-ngx/src/app/modules/home/components/widget/lib/settings/cards/progress-bar-widget-settings.component.html
+++ b/ui-ngx/src/app/modules/home/components/widget/lib/settings/cards/progress-bar-widget-settings.component.html
@ -35,7 +35,7 @@
        {{ 'widgets.progress-bar.auto-scale' | translate }}
      </mat-slide-toggle>
    </div>
-    <div class="tb-form-row space-between column-xs">
+    <div class="tb-form-row space-between">
      <mat-slide-toggle class="mat-slide" formControlName="showValue">
        {{ 'widgets.progress-bar.value' | translate }}
      </mat-slide-toggle>
@ -48,7 +48,7 @@
        </tb-color-settings>
      </div>
    </div>
-    <div class="tb-form-row space-between">
+    <div class="tb-form-row space-between  column-xs">
      <div>{{ 'widgets.progress-bar.range' | translate }}</div>
      <div fxLayout="row" fxLayoutAlign="start center" fxLayoutGap="8px">
        <div class="tb-small-label" translate>widgets.progress-bar.min</div>