From 061f95dfc1f398836f7a98e39eed8b3e5485149e Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Fri, 15 Mar 2019 14:17:28 +0000
Subject: [PATCH] Add Steps to Launch button

---
 src/views/Environments.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/views/Environments.vue b/src/views/Environments.vue
index 0f04547..6fd0d92 100644
--- a/src/views/Environments.vue
+++ b/src/views/Environments.vue
@@ -22,12 +22,20 @@
         </template>
 
         <template slot="right">
-          <header-buttons :links="[
-            { title: 'Add database', icon: 'actions__new-database', disabled: false },
-            { title: 'Git Info', icon: 'actions__info', disabled: false },
-            { title: 'Rename', icon: 'actions__edit', disabled: false },
-            { title: 'Cancel', icon: 'actions__remove--circle', disabled: false },
-          ]"></header-buttons>
+          <div class="flex items-center">
+            <div class="hidden md:block">
+              <button type="button" class="text-sm font-bold text-blue-3 uppercase py-2 px-6 border border-blue-3 hover:text-blue-4 hover:border-blue-4 focus:border-blue-4">
+                Steps to launch
+              </button>
+            </div>
+
+            <header-buttons class="ml-5" :links="[
+              { title: 'Add database', icon: 'actions__new-database', disabled: false },
+              { title: 'Git Info', icon: 'actions__info', disabled: false },
+              { title: 'Rename', icon: 'actions__edit', disabled: false },
+              { title: 'Cancel', icon: 'actions__remove--circle', disabled: false },
+            ]"></header-buttons>
+          </div>
         </template>
       </title-block>
     </div>