lets stop minor design fixes and get real...

web/vue/src/components/RecipeDetails.vue

@@ -1,11 +1,19 @@
 <template>
   <div class="columns">
     <div class="column is-narrow">
-      <a @click="$emit('close')" class="has-text-dark">
+      <a @click="$emit('close')"
+         class="has-text-dark">
         <span class="icon is-large">
           <i class="mdi mdi-48px mdi-view-list"></i>
         </span>
       </a>
+      <br class="is-hidden-mobile"/>
+      <a @click="$emit('add', item.id)"
+         class="has-text-success">
+        <span class="icon is-large">
+          <i class="mdi mdi-36px mdi-table-plus"></i>
+        </span>
+      </a>
     </div>
     <div class="column">
       <h4 class="title">{{ item.title }}</h4>