Improve card styling. (#85)

Consistent height and watermark placement.  Also, no watermark by default.

src/components/ProfilePage.jsx

@@ -221,7 +221,7 @@ export class ProfilePage extends React.Component {
                 {...commonFormProps}
               />
             </Col>
-            <Col md={8} lg={{ size: 8, offset: 1 }} className="pt-md-3">
+            <Col md={8} lg={{ size: 7, offset: 1 }} className="pt-md-3">
               {shouldShowAgeMessage ? <AgeMessage accountURL="#account" /> : null}
               <Bio
                 bio={bio}

src/components/ProfilePage/Certificates.jsx

@@ -58,19 +58,20 @@ class Certificates extends React.Component {
         case 'MicroMasters Certificate':
           return microMastersSVG;
         case 'Verified Certificate':
-        default:
           return verifiedCertificateSVG;
+        default:
+          return null;
       }
     })(certificateType);
 
     return (
-      <Col key={downloadUrl} sm={6}>
+      <Col key={downloadUrl} sm={6} className="d-flex align-items-stretch">
         <Card className="mb-4 certificate">
           <div
             className="certificate-type-illustration"
             style={{ backgroundImage: `url(${certificateIllustration})` }}
           />
-          <CardBody>
+          <CardBody className="d-flex flex-column">
             <CardTitle>
               <p className="small mb-0">{certificateType}</p>
               <h4 className="certificate-title">{courseDisplayName}</h4>
@@ -82,6 +83,7 @@ class Certificates extends React.Component {
               />
             </p>
             <p className="h6 mb-4">{courseOrganization}</p>
+            <div className="flex-grow-1" />
             <div>
               <Button outline color="primary" href={downloadUrl} target="blank">
                 {intl.formatMessage(messages['profile.certificates.view.certificate'])}
@@ -103,7 +105,7 @@ class Certificates extends React.Component {
     }
 
     return (
-      <Row>{this.props.certificates.map(certificate => this.renderCertificate(certificate))}</Row>
+      <Row className="align-items-stretch">{this.props.certificates.map(certificate => this.renderCertificate(certificate))}</Row>
     );
   }