From f4b86e9a6c985b5460a905c5629d9586055d7f29 Mon Sep 17 00:00:00 2001
From: Dan Elbert <dan.elbert@gmail.com>
Date: Sun, 22 Jul 2018 15:53:08 -0500
Subject: [PATCH] ui

---
 app/javascript/components/AppIcon.vue       | 2 ++
 app/javascript/components/RecipeShow.vue    | 2 +-
 app/javascript/components/TheRecipeList.vue | 9 ++++++---
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/app/javascript/components/AppIcon.vue b/app/javascript/components/AppIcon.vue
index 6338437..9fc9c2d 100644
--- a/app/javascript/components/AppIcon.vue
+++ b/app/javascript/components/AppIcon.vue
@@ -16,6 +16,7 @@
   import LockUnlocked from "open-iconic/svg/lock-unlocked";
   import Person from "open-iconic/svg/person";
   import Pencil from "open-iconic/svg/pencil";
+  import Plus from "open-iconic/svg/plus.svg";
   import Star from "open-iconic/svg/star";
   import X from "open-iconic/svg/x";
 
@@ -30,6 +31,7 @@
     'lock-unlocked': LockUnlocked,
     pencil: Pencil,
     person: Person,
+    plus: Plus,
     star: Star,
     x: X
   };
diff --git a/app/javascript/components/RecipeShow.vue b/app/javascript/components/RecipeShow.vue
index fb7ef18..c60fcd0 100644
--- a/app/javascript/components/RecipeShow.vue
+++ b/app/javascript/components/RecipeShow.vue
@@ -24,7 +24,7 @@
           <div>
             <p class="heading">Source</p>
             <p class="title is-6">
-              <a v-if="isSourceUrl" :href="sourceUrl">{{sourceText}}</a>
+              <a v-if="isSourceUrl" :href="sourceUrl" target="_blank">{{sourceText}}</a>
               <span v-else>{{sourceText}}</span>
             </p>
           </div>
diff --git a/app/javascript/components/TheRecipeList.vue b/app/javascript/components/TheRecipeList.vue
index e38c544..d2dbc78 100644
--- a/app/javascript/components/TheRecipeList.vue
+++ b/app/javascript/components/TheRecipeList.vue
@@ -1,8 +1,11 @@
 <template>
   <div>
-    <h1 class="title">Recipes</h1>
-
-    <router-link v-if="isLoggedIn" :to="{name: 'new_recipe'}" class="button is-primary">Create Recipe</router-link>
+    <h1 class="title">
+      Recipes
+      <router-link v-if="isLoggedIn" :to="{name: 'new_recipe'}" class="button is-primary is-rounded" title="Create new Recipe">
+        <app-icon icon="plus"></app-icon>
+      </router-link>
+    </h1>
 
     <app-pager :current-page="currentPage" :total-pages="totalPages" paged-item-name="recipe" @changePage="changePage"></app-pager>