Merge pull request #635 from ggreer/fix-link

Fix link

Author: ggreer

installer/assets/frontend/lib/mochi/mochi.css

@@ -556,6 +556,11 @@ ul > li {
     pointer-events: none;
     opacity: .65; }
 
+.btn-flat {
+  box-shadow: none !important;
+  text-shadow: none !important;
+}
+
 .btn-default {
   color: #666;
   background-color: #fff;
@@ -583,19 +588,26 @@ ul > li {
   .btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
     background-color: #f04c5c; }
 
-.btn-flat {
-  box-shadow: none !important;
-  text-shadow: none !important;
-}
+.btn-info {
+  color: #52A3D9;
+  background-color: #fff;
+  border: 1px solid #52A3D9; }
+  .btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active {
+    color: #fff;
+    background-color: #52A3D9; }
+  .btn-info:active, .btn-info.active {
+    background-image: none; }
+  .btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
+    background-color: #fff; }
 
 .btn-warning {
   color: #DC415E;
   background-color: #fff;
   border: solid 1px #DC415E;
   text-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }
   .btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active {
-    color: #DC415E;
-    background-color: #e6e6e6; }
+    color: #fff;
+    background-color: #DC415E; }
   .btn-warning:active, .btn-warning.active {
     background-image: none; }
   .btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {

installer/frontend/components/dry-run.jsx

@@ -7,7 +7,7 @@ export const DryRun = () => <div className="row">
     <div className="form-group">
       Your cluster assets have been created. You can download these assets and customize underlying infrastructure as needed.
       Note: changes to Kubernetes manifests or Tectonic components run in the cluster are not supported.
-      &nbsp;<a href="https://coreos.com/tectonic/docs/latest/install/aws/manual-boot"
+      &nbsp;<a href="https://coreos.com/tectonic/docs/latest/install/aws/manual-boot.html"
         onClick={TectonicGA.sendDocsEvent} target="_blank">
         Read more here.&nbsp;&nbsp;<i className="fa fa-external-link" />
       </a>

installer/frontend/components/tf-poweron.jsx

@@ -129,13 +129,14 @@ class TF_PowerOn extends React.Component {
       </div>;
     }
 
+    const tfButtonClasses = classNames("btn btn-flat", {disabled: terraformRunning, 'btn-warning': tfError, 'btn-info': !tfError});
     const tfButtons = <div className="row">
       <div className="col-xs-12">
-        <button className={classNames("btn btn-warning btn-flat", {disabled: terraformRunning})} onClick={() => this.destroy()}>
-          Destroy Cluster
+        <button className={tfButtonClasses} onClick={() => this.destroy()}>
+          <i className="fa fa-trash"></i>&nbsp;&nbsp;Destroy Cluster
         </button>&nbsp;&nbsp;&nbsp;&nbsp;
-        <button className={classNames("btn btn-warning btn-flat", {disabled: terraformRunning})} onClick={() => this.retry()}>
-          Retry Terraform Apply
+        <button className={tfButtonClasses} onClick={() => this.retry()}>
+          <i className="fa fa-exclamation-triangle"></i>&nbsp;&nbsp;Retry Terraform Apply
         </button>
       </div>
     </div>;