Minor style adjustments

Author: Maxwell Lang

components/Portfolio/Certification/index.js

@@ -29,20 +29,24 @@ export default class Certification extends Component {
                         : null}
 
                         {this.props.tests ?
-                            <ul type="dash">
+                            <ul>
                                 {this.props.tests.map((test, i) => <li key={i}>{test}</li>)}
                             </ul>
                         : null}
 
 
-                        <Button
-                            target="_blank"
-                            rel="noreferrer"
-                            className={styles.verifyButton}
-                            disabled={!('link' in this.props)}
-                            href={this.props.link ? this.props.link : '#'}>
-                                {this.props.link ? 'Verify' : 'Coming Soon'}
-                        </Button>
+                        {this.props.noLink ? 
+                            null
+                        :
+                            <Button
+                                target="_blank"
+                                rel="noreferrer"
+                                className={styles.verifyButton}
+                                disabled={!('link' in this.props)}
+                                href={this.props.link ? this.props.link : '#'}>
+                                    {this.props.link ? 'Verify' : 'Coming Soon'}
+                            </Button>
+                        }
                     </Card.Body>
                 </Card>
             </Col>

components/Portfolio/Section/Section.module.scss

@@ -1,16 +1,10 @@
 @import 'rfs/scss.scss';
-// @import 'bootstrap/scss/mixins/_grid-framework.scss';
 
 .container {
     display: flex;
     flex-direction: column;
     min-height: 100vh;
-    padding: 2rem 1rem;
 
-    // @include media-breakpoint-up(md) {
-    //     padding: 2rem 3rem;
-    // }
-    
     &:nth-child(2n) {
         background-color: rgba(0, 0, 0, .05);
     }
@@ -19,6 +13,8 @@
 .header {
     align-self: flex-start;
     justify-self: center;
+    margin-top: .25rem;
+    margin-left: .25rem;
 
     // &:after {
     //     content: '\00a0';
@@ -42,7 +38,7 @@
 
 .innerContent {
     flex-grow: 1;
-    padding: 0 0.5rem;
+    padding: 0 .5rem;
 }
 
 .chevron {

components/Portfolio/Section/SectionSubHeader.module.scss

@@ -3,6 +3,6 @@
 .subheader {
     @include font-size(2rem);
     margin-top: 2rem;
-    margin-left: -0.5rem; // Accounts for container's .5rem padding.
+    // margin-left: -0.5rem; // Accounts for container's .5rem padding.
     font-weight: 400;
 }

components/Portfolio/Section/index.js

@@ -15,7 +15,7 @@ export default class Section extends Component {
 
     render() {
         return (
-            <div className={styles.container}>
+            <div className={[styles.container, 'px-2 py-3 px-md-5 py-md-2'].join(' ')}>
                 {/* Optional header & subheader */}
                 {this.props.title || this.props.subtitle ?
                     <div className={styles.header}>