Revert "Making tweaks. (elastic#12003)"

This reverts commit aa3fa06.
ycombinator · Jun 3, 2017 · 6440349 · 6440349
1 parent 360dfd7
commit 6440349
Show file tree

Hide file tree

Showing 2 changed files with 31 additions and 19 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,6 +2,23 @@
   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
@@ -132,37 +149,26 @@ <h2 class="kuiSubTitle">
     </div>
   </div>
 
-  <div
-    ng-if="!gettingStarted.hasOptedOut()"
-    class="kuiViewContentItem kuiVerticalRhythm"
-  >
+  <div 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"
-          kbn-href="#/management"
-          kbn-getting-started-opt-out
-          data-test-subj="lnkGettingStartedOptOut"
+          ng-href="{{ gettingStarted.documentationLinks.demoSite }}"
+          target="_blank"
         >
           <span class="kuiButton__inner">
-            <span>Got it, take me to Kibana</span>
+            <span>View the demo site</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,6 +5,12 @@
   padding-top: 0;
 }
 
+.gettingStartedOptOutContent {
+  position: absolute;
+  top: 20px;
+  right: 30px;
+}
+
 .gettingStartedWelcome {
   display: flex;
   flex-direction: column;