ui fixes

alfredfrancis · Jul 26, 2018 · dda6c62 · dda6c62
1 parent 177c20c
commit dda6c62
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 10 deletions.
diff --git a/frontend/src/app/agent/chat/chat.component.html b/frontend/src/app/agent/chat/chat.component.html
@@ -29,9 +29,6 @@
 
     <mat-card fxFlex="50" class="json-response">
       <h3>POST /api/v1</h3>
-      <br>
-      <pre>
-        {{prettyChatCurrent}}
-      </pre>
+      <pre>{{prettyChatCurrent}}</pre>
     </mat-card>
 </div> 
diff --git a/frontend/src/app/agent/chat/chat.component.scss b/frontend/src/app/agent/chat/chat.component.scss
@@ -63,7 +63,13 @@ mat-card{
 .json-response{
     background-color:#efefef;
     pre{
-        overflow-y: scroll;
+      height: auto;
+      height: 500px;
+      overflow: auto;
+      background-color: #eeeeee;
+      word-break: normal !important;
+      word-wrap: normal !important;
+      white-space: pre !important;
     }
 
 }

diff --git a/frontend/src/app/agent/entities/entities.component.html b/frontend/src/app/agent/entities/entities.component.html
@@ -7,10 +7,10 @@
   </div>
 
   <div class="entities">
-    <div *ngFor="let entity of entities;let i=index" class="entity" routerLink="/agent/default/edit-entity/{{entity._id.$oid}}">
-    {{entity.name}}
-    <button mat-icon-button (click)="deleteEntity(entity._id.$oid,i)" color="warn">
-        <mat-icon aria-label="Delete this intent">delete</mat-icon>
+    <div  *ngFor="let entity of entities;let i=index" class="entity">
+      <div routerLink="/agent/default/edit-entity/{{entity._id.$oid}}">{{entity.name}}</div>
+      <button mat-icon-button (click)="deleteEntity(entity._id.$oid,i)" color="warn">
+          <mat-icon aria-label="Delete this intent">delete</mat-icon>
       </button>
     </div>
   </div>

diff --git a/frontend/src/app/agent/entities/entities.component.scss b/frontend/src/app/agent/entities/entities.component.scss
@@ -4,9 +4,12 @@ mat-card{
         width: 100%;
       }
       .entities{
-
+          
           margin: 10px;
           .entity{
+             display: flex;
+             align-items: center;
+
               padding:5px;
               margin-bottom: 3px;
               cursor: pointer;