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

ankovalyshyn pushed a commit to branch feature/projects
in repository https://gitbox.apache.org/repos/asf/incubator-dlab.git

commit 240b68c7bb7390c0d6cb2729372a4141fa403b65
Author: Andriana Kovalyshyn <[email protected]>
AuthorDate: Mon May 27 17:58:33 2019 +0300

    [DLAB-635]: projects grid sizing added
---
 .../project/project-list/project-list.component.html          |  8 ++++----
 .../project/project-list/project-list.component.scss          | 11 +++++++++++
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git 
a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
 
b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
index 42ebc72..fd8f907 100644
--- 
a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
+++ 
b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.html
@@ -19,19 +19,19 @@
 
 <div class="base-retreat">
 
-  <table mat-table [dataSource]="dataSource" class="mat-elevation-z8">
+  <table mat-table [dataSource]="dataSource" class="projects-table 
mat-elevation-z6">
     <ng-container matColumnDef="name">
-      <th mat-header-cell *matHeaderCellDef> Project name </th>
+      <th mat-header-cell *matHeaderCellDef class="name"> Project name </th>
       <td mat-cell *matCellDef="let element"> {{element.name}} </td>
     </ng-container>
 
     <ng-container matColumnDef="endpoints">
-      <th mat-header-cell *matHeaderCellDef> Endpoints </th>
+      <th mat-header-cell *matHeaderCellDef class="endpoints"> Endpoints </th>
       <td mat-cell *matCellDef="let element"> {{element.endpoints}} </td>
     </ng-container>
 
     <ng-container matColumnDef="groups">
-      <th mat-header-cell *matHeaderCellDef> Groups </th>
+      <th mat-header-cell *matHeaderCellDef class="groups"> Groups </th>
       <td mat-cell *matCellDef="let element"> {{element.groups}} </td>
     </ng-container>
 
diff --git 
a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
 
b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
index a41856f..c63f0df 100644
--- 
a/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
+++ 
b/services/self-service/src/main/resources/webapp/src/app/administration/project/project-list/project-list.component.scss
@@ -19,8 +19,19 @@
 
 table {
   width: 100%;
+  .name {
+    width: 25%;
+  }
+  .endpoints {
+    width: 30%;
+  }
+  .groups {
+    width: 35%;
+  }
   .project-actions {
     color: #607d8b;
+    width: 10%;
+    text-align: center;
     span {
       transition: all .5s ease-in-out;
       cursor: pointer;


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to