fixes

senstate · Oct 28, 2019 · a52b5a9 · a52b5a9
1 parent 22a5678
commit a52b5a9
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 5 deletions.
diff --git a/apps/senstate-dashboard/src/app/components/app-overview/app-overview.component.html b/apps/senstate-dashboard/src/app/components/app-overview/app-overview.component.html
@@ -1,7 +1,7 @@
 <h2 class="mat-h2">{{app.name}}</h2>
 
 <mat-tab-group>
-  <mat-tab>
+  <mat-tab #tab>
     <ng-template mat-tab-label>
       <span [matBadge]="getObjectLength(app.watchers)"
             matBadgeOverlap="false">Watchers</span>
@@ -25,7 +25,7 @@ <h2 class="mat-h2">{{app.name}}</h2>
   </mat-tab>
   <mat-tab [disabled]="true">
     <ng-template mat-tab-label>
-      <button mat-icon-button
+      <button mat-icon-button *ngIf="tab.position === 0"
               [mdePopoverTriggerFor]="settingsPopover"
               mdePopoverTriggerOn="click">
         <mat-icon svgIcon="more_vert"></mat-icon>

diff --git a/apps/senstate-dashboard/src/app/components/app-overview/app-overview.component.scss b/apps/senstate-dashboard/src/app/components/app-overview/app-overview.component.scss
@@ -7,8 +7,14 @@
     margin-right: 0;
     padding-right: 0;
   }
+
+  .mat-tab-body {
+    padding-top: 10px;
+  }
 }
 
 .popover {
   padding: 15px
 }
+
+
diff --git a/apps/senstate-dashboard/src/app/components/tab-content/log-viewer/log-viewer.component.scss b/apps/senstate-dashboard/src/app/components/tab-content/log-viewer/log-viewer.component.scss
@@ -1,7 +1,18 @@
+// TODO Extract as CSS Vars?
+$levelDebugBackground: #c2c2c2;
+$levelWarnBackground: #ffbb93;
+$levelErrorBackground: #b91400;
+$cellPadding: 5px;
+
 table {
   width: 100%;
 }
 
+td {
+  padding-top: $cellPadding !important;
+  padding-bottom: $cellPadding !important;
+}
+
 /** yes, min/max/normal width needed, otherwise the table won't use the max-width **/
 /* Column Widths */
 .mat-column-logLevel {
@@ -19,19 +30,19 @@ table {
 
 .log-level0 {
   // Debug
-  background: #78909c;
+  background: $levelDebugBackground;
 }
 
 .log-level1 {
   // background: #bdbdbd;
 }
 
 .log-level2 {
-  background: #ff7043;
+  background: $levelWarnBackground;
 }
 
 .log-level3 {
-  background: #e64a19;
+  background: $levelErrorBackground;
 }
 
 .data-row {