few more polishing items.

resources/frontend_client/app/css/setup.css

@@ -35,12 +35,13 @@
     margin-bottom: 1.714em;
     background-color: #EDF2F8;
     flex: 1;
-    border: 1px dashed #e8e8e8;
+    border: 1px dotted var(--brand-color);
 }
 
 .SetupStep.SetupStep--active {
     background-color: #fff;
     border-style: solid;
+    border-color: color(var(--base-grey) shade(20%));
     color: var(--brand-color);
 }
 
@@ -48,6 +49,7 @@
     color: var(--success-color);
     background-color: #fff;
     border-style: solid;
+    border-color: color(var(--base-grey) shade(20%));
 }
 
 .SetupStep-indicator {
@@ -55,6 +57,7 @@
     width: var(--indicator-size);
     height: var(--indicator-size);
     border-radius: var(--indicator-border-radius);
+    border-color: color(var(--base-grey) shade(20%));
     font-weight: bold;
     line-height: 1;
     background-color: #fff;

resources/frontend_client/app/setup/components/DatabaseStep.react.js

@@ -92,7 +92,7 @@ export default class DatabaseStep extends Component {
             return (<CollapsedStep dispatch={dispatch} stepNumber={stepNumber} stepText={stepText} isCompleted={activeStep > stepNumber}></CollapsedStep>)
         } else {
             return (
-                <section className="SetupStep rounded full relative SetupStep--active shadowed">
+                <section className="SetupStep rounded full relative SetupStep--active">
                     <div className="flex align-center py3">
                         <span className="SetupStep-indicator flex layout-centered absolute bordered">
                             <span className="SetupStep-number">{stepNumber}</span>
@@ -121,7 +121,7 @@ export default class DatabaseStep extends Component {
                         : null }
 
                         <div className="Form-field Form-offset">
-                            <a href="#" onClick={this.skipDatabase.bind(this)}>I'll add my data later</a>
+                            <a style={{textDecoration: "none"}} href="#" onClick={this.skipDatabase.bind(this)}>I'll add my data later</a>
                         </div>
                     </div>
                 </section>

resources/frontend_client/app/setup/components/PreferencesStep.react.js

@@ -38,7 +38,7 @@ export default class PreferencesStep extends Component {
             return (<CollapsedStep stepNumber={stepNumber} stepText={stepText} isCompleted={setupComplete}></CollapsedStep>)
         } else {
             return (
-                <section className="SetupStep rounded full relative SetupStep--active shadowed">
+                <section className="SetupStep rounded full relative SetupStep--active">
                     <div className="flex align-center py3">
                         <span className="SetupStep-indicator flex layout-centered absolute bordered">
                             <span className="SetupStep-number">{stepNumber}</span>

resources/frontend_client/app/setup/components/Setup.react.js

@@ -65,9 +65,11 @@ export default class Setup extends Component {
                             <PreferencesStep {...this.props} stepNumber={PREFERENCES_STEP_NUMBER} />
 
                             { setupComplete ?
-                                <section className="SetupStep rounded full relative SetupStep--active shadowed flex flex-column layout-centered p4">
-                                    <h1 clasName="text-normal">You're all set up!</h1>
-                                    <a className="Button Button--primary" href="/">Take me to Metabase</a>
+                                <section className="SetupStep rounded SetupStep--active flex flex-column layout-centered p4">
+                                    <h1 style={{fontSize: "xx-large"}} className="text-normal pt2">You're all set up!</h1>
+                                    <div className="pt4 pb2">
+                                        <a className="Button Button--primary" href="/">Take me to Metabase</a>
+                                    </div>
                                 </section>
                             : null }
                         </div>

resources/frontend_client/app/setup/components/UserStep.react.js

@@ -92,7 +92,7 @@ export default class UserStep extends Component {
             return (<CollapsedStep dispatch={dispatch} stepNumber={stepNumber} stepText={stepText} isCompleted={activeStep > stepNumber}></CollapsedStep>)
         } else {
             return (
-                <section className="SetupStep rounded full relative SetupStep--active shadowed">
+                <section className="SetupStep SetupStep--active rounded full relative">
                     <div className="flex align-center py3">
                         <span className="SetupStep-indicator flex layout-centered absolute bordered">
                             <span className="SetupStep-number">{stepNumber}</span>