commit 52e447d6da9f9b7456fa142fe0fceb8db30012b3
author Peter Buschmann <peter.buschmann@pta.de> Thu Sep 10 15:19:03 2020 +0200
committer Peter Buschmann <peter.buschmann@pta.de> Thu Sep 10 15:19:03 2020 +0200
tree 932c8e3d5fc6406e79682e5008878bef25b63084
parent fbef3a2d33bbd9fdb31fac89474816e434c314de

[SI-2536 - SI-2528] ui enhancements

Signed-off-by: Peter Buschmann <peter.buschmann@pta.de>

projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.html

diff --git a/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.html b/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.html
index 0a05ec6..bc6316f 100644
--- a/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.html
+++ b/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.html
@@ -11,9 +11,9 @@
 * SPDX-License-Identifier: EPL-2.0
 ********************************************************************************/ -->
 <form class="detail-form" *ngIf="sandbox.distributionGroupDetailsFormState$ | async as formState" [ngrxFormState]="formState">
-  <div class="form-group row justify-content-between">
-    <span class="formTitle col-sm-9">{{ 'DistributionGroup.FormTitle' | translate }}</span>
-    <button type="button" class="btn btn-success col-sm-2 save-button" (click)="sandbox.saveDistributionGroup()">
+  <div class="title-btn">
+    <span class="formTitle">{{ 'DistributionGroup.FormTitle' | translate }}</span>
+    <button type="button" class="btn btn-success" (click)="sandbox.saveDistributionGroup()">
       {{ 'SaveBtn' | translate }}
     </button>
   </div>

projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.scss

diff --git a/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.scss b/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.scss
index 0bdbde4..511c3b5 100644
--- a/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.scss
+++ b/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-details/distribution-group-details.component.scss
@@ -52,3 +52,12 @@
 .col-sm-2 {
   padding-right: 0;
 }
+
+.title-btn {
+  display: flex;
+  justify-content: space-between;
+
+  * {
+    margin: 10px 0px 15px 5px;
+  }
+}

projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-member-postcodes/distribution-group-member-postcodes.component.scss

diff --git a/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-member-postcodes/distribution-group-member-postcodes.component.scss b/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-member-postcodes/distribution-group-member-postcodes.component.scss
index 88c4a1b..95b8c5f 100644
--- a/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-member-postcodes/distribution-group-member-postcodes.component.scss
+++ b/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-member-postcodes/distribution-group-member-postcodes.component.scss
@@ -12,7 +12,7 @@
  ********************************************************************************/
 
 .distribution-group-postcodes {
-  height: 330px;
+  height: 314px;
 }
 
 .postcode-btn {

projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-members/distribution-group-members.component.scss

diff --git a/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-members/distribution-group-members.component.scss b/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-members/distribution-group-members.component.scss
index efb644d..6039bce 100644
--- a/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-members/distribution-group-members.component.scss
+++ b/projects/grid-failure-information-app/src/app/pages/distribution-group/distribution-group-members/distribution-group-members.component.scss
@@ -12,7 +12,7 @@
  ********************************************************************************/
 
 .distribution-group-members {
-  height: 330px;
+  height: 315px;
 }
 
 .group-member-search {