diff --git a/public/app/features/explore/Logs.tsx b/public/app/features/explore/Logs.tsx index bfd5f9fae99..1a7318a3dda 100644 --- a/public/app/features/explore/Logs.tsx +++ b/public/app/features/explore/Logs.tsx @@ -441,21 +441,21 @@ export default class Logs extends PureComponent { ))} - - {hasData && - meta && ( -
- {meta.map(item => ( -
- {item.label}: - {renderMetaItem(item.value, item.kind)} -
- ))} -
- )} + {hasData && + meta && ( +
+ {meta.map(item => ( +
+ {item.label}: + {renderMetaItem(item.value, item.kind)} +
+ ))} +
+ )} +
{hasData && !deferLogs && diff --git a/public/sass/components/_panel_logs.scss b/public/sass/components/_panel_logs.scss index bcf18025292..4782c730cdf 100644 --- a/public/sass/components/_panel_logs.scss +++ b/public/sass/components/_panel_logs.scss @@ -6,7 +6,7 @@ $column-horizontal-spacing: 10px; padding: $panel-padding; padding-top: 10px; border-radius: $border-radius; - margin: 2*$panel-margin 0; + margin: 2*$panel-margin 0 $panel-margin; border: $panel-border; flex-direction: column; } @@ -31,8 +31,7 @@ $column-horizontal-spacing: 10px; .logs-panel-meta { flex: 1; color: $text-color-weak; - // Align first line with controls labels - margin-top: -2px; + margin-bottom: 10px; min-width: 30%; display: flex; } @@ -40,7 +39,6 @@ $column-horizontal-spacing: 10px; .logs-panel-meta__item { margin-right: 1em; display: flex; - flex-direction: column; } .logs-panel-meta__label {