src/views/DeckBuilder.vue

@@ -57,6 +57,11 @@
     <section class="decklist">
       <header>
         <h1>{{ deckname }}</h1>
+        <nav class="buttons">
+          <b-button @click="exportToPonyhead" size="is-small deck-btn"
+            >Ponyhead</b-button
+          >
+        </nav>
       </header>
       <DeckList :cards="decklist" @removed="cardRemoved" />
     </section>
@@ -111,6 +116,7 @@
     h1 {
       font-size: 20pt;
       font-weight: 700;
+      margin-bottom: 5px;
     }
   }
 }
@@ -167,6 +173,11 @@
   width: 10px;
   height: 10px;
 }
+
+.deck-btn {
+  padding: 0 10px;
+  padding-bottom: 2px;
+}
 </style>
 
 <script lang="ts">