fix(styling): modal spacing

Signed-off-by: Jonathan <theflametrooper@gmail.com>

backend/logic/actions/queueSongs.js

@@ -155,7 +155,6 @@ let lib = {
 			(song, next) => {
 				if (song) return next('This song has already been added.');
 				//TODO Add err object as first param of callback
-				console.log(52, songId);
 				utils.getSongFromYouTube(songId, (song) => {
 					song.artists = [];
 					song.genres = [];
@@ -176,7 +175,6 @@ let lib = {
 			(newSong, next) => {
 				const song = new db.models.queueSong(newSong);
 				song.save((err, song) => {
-					console.log(err);
 					if (err) return next(err);
 					next(null, song);
 				});

frontend/components/Modals/AddSongToQueue.vue

@@ -72,7 +72,7 @@
 					>
 				</p>
 			</div>
-			<table class="table">
+			<table class="table" v-if="queryResults.length > 0">
 				<tbody>
 					<tr v-for="(result, index) in queryResults" :key="index">
 						<td>
@@ -224,4 +224,8 @@ tr td {
 		width: 55px;
 	}
 }
+
+.table {
+	margin-bottom: 0;
+}
 </style>

frontend/components/Modals/Modal.vue

@@ -11,8 +11,7 @@
 			<section class="modal-card-body">
 				<slot name="body" />
 			</section>
-			<!-- v-if="_slotContents['footer'] != null" -->
-			<footer class="modal-card-foot">
+			<footer class="modal-card-foot" v-if="$slots['footer'] != null">
 				<slot name="footer" />
 			</footer>
 		</div>