make sure scalars in the query builder are larger

frontend/src/css/query_builder.css

@@ -758,3 +758,8 @@
 .FilterInput:hover .FilterRemove-field {
   opacity: 1;
 }
+
+/* need to do this ugliness to override the locally scoped font size from Scalar.css */
+#react_qb_viz .ScalarValue {
+  font-size: 5em;
+}

frontend/src/visualizations/Scalar.jsx

@@ -108,7 +108,7 @@ export default class Scalar extends Component {
         return (
             <div className={cx(className, styles.Scalar, styles[isSmall ? "small" : "large"])}>
                 <div className="Card-title absolute top right p1 px2">{actionButtons}</div>
-                <Ellipsified className={styles.Value} tooltip={fullScalarValue} alwaysShowTooltip={fullScalarValue !== compactScalarValue}>
+                <Ellipsified className={cx(styles.Value, 'ScalarValue')} tooltip={fullScalarValue} alwaysShowTooltip={fullScalarValue !== compactScalarValue}>
                     {compactScalarValue}
                 </Ellipsified>
                 <Ellipsified className={styles.Title} tooltip={card.name}>