Fix things

src/page/App.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="app">
     <div class="fluid-container">
-      <div class="d-flex justify-content-between">
+      <div class="d-flex justify-content-between border-bottom">
         <h1 class="py-2 pr-2">Pinboard Groupings</h1>
   
         <div class="tags-form py-2 pl-2">      
           <form @submit.prevent="saveNewGrouping" class="form-inline" v-if="apiKey">
             <div class="form-group">
               <label class="sr-only" for="tags">Tags</label>
-              <input type="text" class="form-control" id="tags"
+              <input type="text" class="form-control p-0 h-auto" id="tags"
                       v-model="newGrouping.tags"
                       placeholder="new grouping tags">
             </div>
@@ -20,7 +20,7 @@
           <form @submit.prevent="saveApiKey" class="form-inline">
             <div class="form-group" v-if="!apiKey">
               <label class="sr-only" for="apiKey">Pinboard API Key</label>
-              <input type="text" class="form-control" id="apiKey"
+              <input type="text" class="form-control p-0 h-auto" id="apiKey"
                       v-model="form.apiKey"
                       placeholder="Enter Pinboard API key">
             </div>
@@ -81,7 +81,7 @@ export default {
         apiKey: null
       },
       newGrouping: {
-        tags: []
+        tags: ""
       },
       error: null
     }
@@ -121,6 +121,10 @@ export default {
       return promise;
     },
     saveNewGrouping(event) {
+      if (this.newGrouping.tags === "") {
+        return;
+      }
+
       this.groupings.push({
         tags: this.newGrouping.tags,
         pins: [],