Merge pull request #3197 from metabase/data-ref-style-fix

Improve line-height in data ref paragraphs [ci skip]

frontend/src/metabase/components/Detail.css

@@ -26,14 +26,12 @@
 }
 
 :local(.detailSubtitle) {
-    composes: text-dark mt2 from "style";
-    font-size: 16px;
+    composes: text-dark mt2 text-paragraph from "style";
 }
 
 :local(.detailSubtitleLight) {
-    composes: mt2 from "style";
+    composes: mt2 text-paragraph from "style";
     color: var(--subtitle-color);
-    font-size: 16px;
 }
 
 :local(.detailTextArea) {

frontend/src/metabase/css/core/text.css

@@ -81,6 +81,11 @@
   color: var(--body-text-color); /* TODO - is this bad? */
 }
 
+.text-paragraph, :local(.text-paragraph) {
+  font-size: 1.143em;
+  line-height: 1.5em;
+}
+
 .text-current {
     color: currentColor;
 }

frontend/src/metabase/reference/Reference.css

@@ -13,9 +13,7 @@
 }
 
 :local(.guideEmptyMessage) {
-    composes: text-dark text-centered mt3 from "style";
-    font-size: 1.1em;
-    line-height: 1.457em;
+    composes: text-dark text-paragraph text-centered mt3 from "style";
 }
 
 :local(.columnHeader) {