add usage hints/disclaimer. close #11, #6

AlexTatiyants · Jan 30, 2016 · 7e06652 · 7e06652
1 parent d256691
commit 7e06652
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 5 deletions.
diff --git a/app/assets/css/styles.css b/app/assets/css/styles.css
diff --git a/app/assets/sass/_forms.scss b/app/assets/sass/_forms.scss
@@ -22,7 +22,7 @@
 
     &-lg {
       width: 98%;
-      height: 280px;
+      height: 210px;
       margin-bottom: $padding-base;
       margin-bottom: $padding-lg;
       border-radius: $border-radius-base;

diff --git a/app/assets/styles.css b/app/assets/styles.css
diff --git a/app/components/plan-new/plan-new.html b/app/components/plan-new/plan-new.html
@@ -1,6 +1,9 @@
 <div class="page">
-   <span class="text-muted">For best results, use EXPLAIN (ANALYZE, COSTS, VERBOSE, BUFFERS, FORMAT JSON)</span>
-   <button class="btn btn-link" (click)="prefill()">create a sample plan</button>
+   <button class="pull-right btn btn-link" (click)="prefill()">create a sample plan</button>
+
+   <span class="text-muted">For best results, use <code>EXPLAIN (ANALYZE, COSTS, VERBOSE, BUFFERS, FORMAT JSON)</code><br>
+      Psql users can export the plan to a file using <code>psql -qAt -f explain.sql > analyze.json</code></span>
+   <p class="pad-top">DISCLAIMER: Pev stores your plans locally (localStorage) and will not send them anywhere.</p>
   <div>
     <input placeholder="name (optional)" class="input-box input-box-main" type="text" [(ngModel)]="newPlanName">
     <button class="btn btn-default btn-lg pad-top pull-right" (click)="submitPlan()">submit</button>