Merge pull request #8 from hypertrace/explorer-layout

feat: update explorer layout to better use space

Author: aaron-steinfeld

projects/components/src/panel/panel.component.scss

@@ -10,7 +10,7 @@
     border-radius: 2px;
 
     &.expanded {
-      margin-bottom: 10px;
+      margin-bottom: 8px;
     }
 
     .header-content {

projects/dashboards/src/widgets/header/widget-header.model.ts

@@ -49,4 +49,10 @@ export class WidgetHeaderModel {
     } as ModelModelPropertyTypeInstance
   })
   public link?: LinkWidgetModel;
+
+  @ModelProperty({
+    key: 'top-margin',
+    type: BOOLEAN_PROPERTY.type
+  })
+  public topMargin?: boolean = false;
 }

projects/distributed-tracing/src/shared/dashboard/widgets/table/table-widget-renderer.component.scss

@@ -8,7 +8,7 @@
     width: 100%;
   }
 
-  .with-header {
+  .header-margin {
     margin-top: 16px;
   }
 }

projects/distributed-tracing/src/shared/dashboard/widgets/table/table-widget-renderer.component.ts

@@ -21,7 +21,7 @@ import { TableWidgetModel } from './table-widget.model';
     >
       <htc-table
         class="table"
-        [ngClass]="{ 'with-header': this.model.header }"
+        [ngClass]="{ 'header-margin': this.model.header?.topMargin }"
         [columnConfigs]="this.columnDefs"
         [mode]="this.model.mode"
         [display]="this.model.style"