Absorb header, footer into main section of feedback dialog

trying to make it less wonky...

src/components/feedback/ByjoveFeedback.vue

@@ -8,11 +8,9 @@
              :active.sync="showFeedbackDialog">
       <div class="modal-card">
 
-        <header class="modal-card-head">
-          <p class="modal-card-title">User Feedback</p>
-        </header>
-
         <section class="modal-card-body">
+          <p class="modal-card-title">User Feedback</p>
+          <br />
           <p>
             Questions, suggestions, comments, complaints, etc. regarding this
             website are welcome and may be submitted below.
@@ -35,9 +33,8 @@
                      type="textarea">
             </b-input>
           </b-field>
-        </section>
 
-        <footer class="modal-card-foot">
+          <div class="buttons">
             <b-button @click="showFeedbackDialog = false">
               Cancel
             </b-button>
@@ -46,7 +43,9 @@
                          :disabled="!message">
               Send Note
             </b-button>
-        </footer>
+          </div>
+        </section>
+
       </div>
     </b-modal>
   </div>