[incubator-streampipes] branch STREAMPIPES-79 updated: Fix layout issue in labeling dialog of "timeseries labeling tool"

[eb...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

ebi pushed a commit to branch STREAMPIPES-79
in repository https://gitbox.apache.org/repos/asf/incubator-streampipes.git


The following commit(s) were added to refs/heads/STREAMPIPES-79 by this push:
     new 7889cd8  Fix layout issue in labeling dialog of "timeseries labeling tool"
7889cd8 is described below

commit 7889cd8058bf423ae122652a127d475bed0808ea
Author: Daniel Ebi <eb...@fzi.de>
AuthorDate: Wed May 20 08:58:26 2020 +0200

    Fix layout issue in labeling dialog of "timeseries labeling tool"
---
 .../components/label-selection/label-selection.component.html       | 5 +++--
 .../point-selection-info/point-selection-info.component.html        | 6 +++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/ui/src/app/core-ui/linechart/labeling-tool/components/label-selection/label-selection.component.html b/ui/src/app/core-ui/linechart/labeling-tool/components/label-selection/label-selection.component.html
index 627c865..e085373 100644
--- a/ui/src/app/core-ui/linechart/labeling-tool/components/label-selection/label-selection.component.html
+++ b/ui/src/app/core-ui/linechart/labeling-tool/components/label-selection/label-selection.component.html
@@ -15,14 +15,15 @@
   ~ limitations under the License.
   ~
   -->
-<mat-form-field style="width: 100%">
+<mat-form-field style="width: 100%; margin-top: 3px" appearance="none">
+    <mat-label>label selection</mat-label>
     <mat-select [(value)]="_selectedCategory" placeholder="selected category">
         <mat-option *ngFor="let category of _categories" [value]="category">
             {{category}}
         </mat-option>
     </mat-select>
 </mat-form-field>
-<mat-chip-list>
+<mat-chip-list style="margin-bottom: 20px">
     <mat-chip *ngFor="let label of _labels[_selectedCategory]" [selectable]="selectable"
               [removable]="removable" [style.color]="colorService.getColor(label)" (click)="selectLabel({category: _selectedCategory, name: label})">
         <!--<mat-icon matListIcon [style.color]="getColor(label)" style="margin-top: 7px; margin-right: 0px; font-size: 16px">speaker_notes</mat-icon>-->
diff --git a/ui/src/app/core-ui/linechart/labeling-tool/components/point-selection-info/point-selection-info.component.html b/ui/src/app/core-ui/linechart/labeling-tool/components/point-selection-info/point-selection-info.component.html
index 9c3c4b4..30738ed 100644
--- a/ui/src/app/core-ui/linechart/labeling-tool/components/point-selection-info/point-selection-info.component.html
+++ b/ui/src/app/core-ui/linechart/labeling-tool/components/point-selection-info/point-selection-info.component.html
@@ -16,11 +16,11 @@
   ~
   -->
 <p></p>
-<mat-form-field style="width: 100%">
+<mat-form-field style="width: 100%; margin-top: 1px" appearance="none">
     <mat-label>selected time interval</mat-label>
     <input matInput value="{{_startX}} - {{_endX}}" readonly="True">
 </mat-form-field>
-<mat-form-field style="width: 100%">
+<mat-form-field style="width: 100%; margin-top: 3px" appearance="none">
     <mat-label>selected data points</mat-label>
     <input matInput value="{{_n_selected_points}}" readonly="True">
-</mat-form-field>
\ No newline at end of file
+</mat-form-field>