From 39833b0df788bfdc951fac748b5e712c886d0c24 Mon Sep 17 00:00:00 2001
From: David Kaltschmidt <david.kaltschmidt@gmail.com>
Date: Mon, 31 Dec 2018 12:05:07 +0000
Subject: [PATCH] Explore: logging UI style fixes

- baseline aligment for meta field labels
- use variables for font sizes and margins
---
 public/sass/components/_panel_logs.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/public/sass/components/_panel_logs.scss b/public/sass/components/_panel_logs.scss
index 5fdddf85e92..dac962057bf 100644
--- a/public/sass/components/_panel_logs.scss
+++ b/public/sass/components/_panel_logs.scss
@@ -31,20 +31,21 @@ $column-horizontal-spacing: 10px;
 .logs-panel-meta {
   flex: 1;
   color: $text-color-weak;
-  margin-bottom: 10px;
+  margin-bottom: $spacer;
   min-width: 30%;
   display: flex;
 }
 
 .logs-panel-meta__item {
-  margin-right: 1em;
+  margin-right: $spacer;
   display: flex;
+  align-items: baseline;
 }
 
 .logs-panel-meta__label {
-  margin-right: 0.5em;
-  font-size: 0.9em;
-  font-weight: 500;
+  margin-right: $spacer / 2;
+  font-size: $font-size-sm;
+  font-weight: $font-weight-semi-bold;
 }
 
 .logs-panel-meta__value {
@@ -59,7 +60,7 @@ $column-horizontal-spacing: 10px;
 
 .logs-rows {
   font-family: $font-family-monospace;
-  font-size: 12px;
+  font-size: $font-size-sm;
   display: table;
   table-layout: fixed;
 }