fix(panel): adjust margin & fix loading placeholders

Author: dvcol

src/components/views/panel/MoviePanelOverview.vue

@@ -17,7 +17,7 @@ const { movie } = toRefs(props);
 
 const title = computed(() => {
   if (!movie?.value) return;
-  if (!movie.value?.tagline) return '-';
+  if (!movie.value?.tagline) return ' ';
   return deCapitalise(movie.value?.tagline);
 });
 

src/components/views/panel/PanelPoster.vue

@@ -95,7 +95,7 @@ const key = computed(() => {
   }
 
   position: relative;
-  margin-bottom: 1rem;
+  margin-bottom: 1.25rem;
   border: 1px solid var(--border-white);
   box-shadow: var(--image-box-shadow);
 }

src/components/views/panel/ShowPanelOverview.vue

@@ -44,8 +44,8 @@ const title = computed(() => {
     if (!season?.value?.title) return '-';
     return deCapitalise(season.value.title);
   }
-  if (!episode?.value) return '-';
-  if (!episode?.value?.title) return;
+  if (!episode?.value) return;
+  if (!episode?.value?.title) return '-';
   return deCapitalise(episode.value?.title);
 });
 

src/components/views/panel/ShowPanelPicker.vue

@@ -99,7 +99,6 @@ const i18n = useI18n('panel', 'picker');
 <style lang="scss" scoped>
 .picker {
   width: 100%;
-  margin-top: 0.5rem;
 
   .prefix {
     min-width: 3.75rem;