Explore: updates Logs component to use MetaInfoText component

public/app/features/explore/Logs.tsx

@@ -19,6 +19,7 @@ import { Switch, LogLabels, ToggleButtonGroup, ToggleButton, LogRows } from '@gr
 import store from 'app/core/store';
 import store from 'app/core/store';
 
 
 import { ExploreGraphPanel } from './ExploreGraphPanel';
 import { ExploreGraphPanel } from './ExploreGraphPanel';
+import { MetaInfoText } from './MetaInfoText';
 
 
 const SETTINGS_KEYS = {
 const SETTINGS_KEYS = {
   showLabels: 'grafana.explore.logs.showLabels',
   showLabels: 'grafana.explore.logs.showLabels',
@@ -219,14 +220,14 @@ export class Logs extends PureComponent<Props, State> {
         </div>
         </div>
 
 
         {hasData && meta && (
         {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>
+          <MetaInfoText
+            metaItems={meta.map(item => {
+              return {
+                label: item.label,
+                value: renderMetaItem(item.value, item.kind),
+              };
+            })}
+          />
         )}
         )}
 
 
         <LogRows
         <LogRows