gsg fixes (#3488)

* fixes

* fix popover padding

* fix undefined CSS module dependency

* remove padding

* no need for select classes here

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

@@ -112,7 +112,8 @@
     white-space: pre;
 }
 
-.text-monospace {
+.text-monospace,
+:local(.text-monospace) {
     font-family: Monaco, monospace;
 }
 

frontend/src/metabase/reference/components/GuideDetailEditor.jsx

@@ -61,7 +61,6 @@ const GuideDetailEditor = ({
             <div className="py2">
                 { entities ?
                     <Select 
-                        className={selectClasses}
                         value={entities[formField.id.value]}
                         options={Object.values(entities)}
                         disabledOptionIds={selectedIds}
@@ -179,7 +178,6 @@ const GuideDetailEditor = ({
                         Which 2-3 fields do you usually group this metric by?
                     </EditLabel>
                     <Select
-                        className={selectClasses}
                         options={fieldsByMetric}
                         optionNameFn={option => option.display_name || option.name}
                         placeholder="Select..."

frontend/src/metabase/reference/containers/ReferenceGettingStartedGuide.jsx

@@ -562,15 +562,15 @@ export default class ReferenceGettingStartedGuide extends Component {
                                                 }
                                             </GuideText>
                                             <div>
-                                                { has(segments) && (
+                                                { Object.keys(segments) > 0 && (
                                                     <Link className="Button Button--purple mr2" to={'/reference/segments'}>
                                                         See all segments
                                                     </Link>
                                                 )}
                                                 <Link
                                                     className={cx(
-                                                        { 'text-purple text-bold no-decoration text-underline-hover' : has(segments) },
-                                                        { 'Button Button--purple' : !has(segments) }
+                                                        { 'text-purple text-bold no-decoration text-underline-hover' : Object.keys(segments) > 0 },
+                                                        { 'Button Button--purple' : Object.keys(segments) === 0 }
                                                     )}
                                                     to={'/reference/databases'}
                                                 >
@@ -590,7 +590,7 @@ export default class ReferenceGettingStartedGuide extends Component {
                                     { guide.things_to_know ? guide.things_to_know : "A good way to get to know your data is by spending a bit of time exploring the different tables and other info avaliable to you. It may take a while, but you'll start to recognize names and meanings over time."
                                     }
                                 </GuideText>
-                                <Link className="link text-bold" to={'/reference/databases'}>
+                                <Link className="Button link text-bold" to={'/reference/databases'}>
                                     Explore our data
                                 </Link>
                             </div>