Clean up padding for x-rays and text card titles (#7421)

* align titles with cards. fix auto dash wrapper alignment

* pl0

frontend/src/metabase/dashboard/containers/AutomaticDashboardApp.jsx

@@ -124,7 +124,7 @@ class AutomaticDashboardApp extends React.Component {
             </div>
           </div>
 
-          <div className="px3 pb4">
+          <div className="wrapper pb4">
             {parameters &&
               parameters.length > 0 && (
                 <div className="px1 pt1">

frontend/src/metabase/visualizations/visualizations/Text.jsx

@@ -178,6 +178,9 @@ export default class Text extends Component {
             className,
             styles.Text,
             styles[isSmall ? "small" : "large"],
+            /* if the card is not showing a background we should adjust the left
+             * padding to help align the titles with the wrapper */
+            { pl0: !settings["dashcard.background"] },
           )}
         >
           <ReactMarkdown