move data summary card styles to styles.css and set max width to patch that display (#82)

Author: RandomFractals

src/renderer/dataSummaryView.js

@@ -168,8 +168,7 @@ export function summaryCard(data) {
     top: '54px'
   };
   const label = SUMMARY;
-  const summaryCardElement = htl.html`<div 
-      style="font-family: sans-serif; font-size: 12px; margin-right: 10px;">
+  const summaryCardElement = htl.html`<div class="data-summary-card">
       <span style="font-size:1.2em">${label}</span>
       <div>${d3.format(',.0f')(columnCount)} ⟶</div>
       ${headerRowPlot}

src/renderer/styles.css

@@ -5,6 +5,13 @@
   white-space: pre-wrap;
 }
 
+.data-summary-card {
+  max-width: 100px;
+  font-family: sans-serif;
+  font-size: 12px;
+  margin-right: 10px;
+}
+
 .data-table {
   max-width: 100%;
   background-color: var(--vscode-editor-background);