Making tweaks. (elastic#12003)

- Removing "I'm a pro" link from top right. - Adding "Got it, take me to Kibana" button at bottom center. - De-emphasizing demo site.
snide · May 30, 2017 · 78e6d4c · 78e6d4c
1 parent 002e084
commit 78e6d4c
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 31 deletions.
diff --git a/src/core_plugins/getting_started/public/components/getting_started/getting_started.html b/src/core_plugins/getting_started/public/components/getting_started/getting_started.html
@@ -2,23 +2,6 @@
   class="kuiViewContent gettingStartedContent"
   data-test-subj="gettingStartedContainer"
 >
-
-  <div
-    ng-if="!gettingStarted.hasOptedOut()"
-    class="kuiBar gettingStartedOptOutContent"
-  >
-    <div class="kuiBarSection">
-      <p class="kuiText kuiSubduedText">
-        <a
-          kbn-href="#/management"
-          class="kuiLink"
-          kbn-getting-started-opt-out
-          data-test-subj="lnkGettingStartedOptOut"
-        >I'm a pro, skip this stuff &gt;</a>
-      </p>
-    </div>
-  </div>
-
   <div class="kuiViewContentItem kuiVerticalRhythm gettingStartedWelcome">
     <h1 class="kuiTitle gettingStartedTitle">
       Welcome to Kibana
@@ -149,26 +132,37 @@ <h2 class="kuiSubTitle">
     </div>
   </div>
 
-  <div class="kuiViewContentItem kuiVerticalRhythm">
+  <div
+    ng-if="!gettingStarted.hasOptedOut()"
+    class="kuiViewContentItem kuiVerticalRhythm"
+  >
     <div class="kuiFieldGroup">
-      <div class="kuiFieldGroupSection">
-        <p class="kuiText">Just want to see what Kibana is capable of doing?</p>
-      </div>
-
       <div class="kuiFieldGroupSection">
         <a
           class="kuiButton kuiButton--primary"
-          ng-href="{{ gettingStarted.documentationLinks.demoSite }}"
-          target="_blank"
+          kbn-href="#/management"
+          kbn-getting-started-opt-out
+          data-test-subj="lnkGettingStartedOptOut"
         >
           <span class="kuiButton__inner">
-            <span>View the demo site</span>
+            <span>Got it, take me to Kibana</span>
           </span>
         </a>
       </div>
     </div>
   </div>
 
+  <div class="kuiViewContentItem kuiVerticalRhythm">
+    <p class="kuiText">
+      Just want to see what Kibana is capable of doing?
+      <a
+        ng-href="{{ gettingStarted.documentationLinks.demoSite }}"
+        class="kuiLink"
+        target="_blank"
+      >View the demo site</a>.
+    </p>
+  </div>
+
   <div class="kuiViewContentItem kuiVerticalRhythm">
     <p class="kuiText">
       <a

diff --git a/src/core_plugins/getting_started/public/components/getting_started/getting_started.less b/src/core_plugins/getting_started/public/components/getting_started/getting_started.less
@@ -5,12 +5,6 @@
   padding-top: 0;
 }
 
-.gettingStartedOptOutContent {
-  position: absolute;
-  top: 20px;
-  right: 30px;
-}
-
 .gettingStartedWelcome {
   display: flex;
   flex-direction: column;