Commit cb59f388 by Torkel Ödegaard

explore logs options styling

parent bfbb44af
......@@ -441,21 +441,21 @@ export default class Logs extends PureComponent<LogsProps, LogsState> {
</ToggleButton>
))}
</ToggleButtonGroup>
{hasData &&
meta && (
<div className="logs-panel-meta">
{meta.map(item => (
<div className="logs-panel-meta__item" key={item.label}>
<span className="logs-panel-meta__label">{item.label}:</span>
<span className="logs-panel-meta__value">{renderMetaItem(item.value, item.kind)}</span>
</div>
))}
</div>
)}
</div>
</div>
{hasData &&
meta && (
<div className="logs-panel-meta">
{meta.map(item => (
<div className="logs-panel-meta__item" key={item.label}>
<span className="logs-panel-meta__label">{item.label}:</span>
<span className="logs-panel-meta__value">{renderMetaItem(item.value, item.kind)}</span>
</div>
))}
</div>
)}
<div className="logs-rows">
{hasData &&
!deferLogs &&
......
......@@ -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 {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment