Frontend: Fix Data Reference on smaller devices

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

@@ -6,7 +6,7 @@ import EditButton from "metabase/reference/components/EditButton.jsx";
 
 const GuideHeader = ({ startEditing, isSuperuser }) => (
   <div>
-    <div className="wrapper wrapper--trim py4 my3">
+    <div className="wrapper wrapper--trim sm-py4 sm-my3">
       <div className="flex align-center">
         <h1
           className="text-dark"

frontend/src/metabase/reference/guide/GettingStartedGuide.jsx

@@ -138,7 +138,7 @@ export default class GettingStartedGuide extends Component {
     } = this.props;
 
     return (
-      <div className="full relative py4" style={style}>
+      <div className="full relative p3" style={style}>
         <LoadingAndErrorWrapper
           className="full"
           style={style}