feat(info): Adds ability to use line breaks in description

-fixes #459

docs/standalone.html

@@ -11,7 +11,9 @@
         window.PODLOVE = {
             title: 'FS171 Invasion!',
             subtitle: 'LAN Planung - Kalender - Bingo - Wikipedia - Akkukalibration - Alte iPads und iPods - Find My Friends - iPhone Music Player - Apple Watch - Kommandozeile - Star Wars - Dante - Internet of Things Security - VPN',
-            summary: 'Wir haben eine wie wir finden abwechslungsreiche Sendung produziert, die wir Euch wie immer mit Freude bereitstellen. Während die Live-Hörer Freak-Show-Bingo spielen, greifen wir das Wikipedia-Thema der letzten Sendung auf und liefern auch noch weitere Aspekte des optimalen Star-Wars-Medienkonsums frei Haus. Dazu viel Nerderei rund um die Kommandozeile, eine Einschätzung der Perspektive der Apple Watch, ein Rant über die mangelhafte Security  im Internet of Things (and Buildings) und allerlei anderer Kram.  Roddi setzt dieses Mal aus, sonst Vollbesetzung.',
+            summary: 'Wir haben eine wie wir finden abwechslungsreiche \
+                Sendung produziert, die wir Euch wie immer mit Freude \
+                bereitstellen. Während die Live-Hörer Freak-Show-Bingo spielen, greifen wir das Wikipedia-Thema der letzten Sendung auf und liefern auch noch weitere Aspekte des optimalen Star-Wars-Medienkonsums frei Haus. Dazu viel Nerderei rund um die Kommandozeile, eine Einschätzung der Perspektive der Apple Watch, ein Rant über die mangelhafte Security  im Internet of Things (and Buildings) und allerlei anderer Kram.  Roddi setzt dieses Mal aus, sonst Vollbesetzung.',
             link: 'https://freakshow.fm/fs171-invasion',
             poster: 'https://freakshow.fm/wp-content/cache/podlove/04/662a9d4edcf77ea2abe3c74681f509/freak-show_500x500.jpg',
             show: {

src/components/header/Info.vue

@@ -7,14 +7,14 @@
     </div>
     <div class="description">
       <h2 class="show-title" :style="titleStyle" v-if="hasShowTitle">
-        <a :href="show.link" target="_blank" class="truncate" v-if="display === 'embed' && show.link">{{show.title}}</a>
-        <span class="truncate" v-else>{{show.title}}</span>
+        <a :href="show.link" target="_blank" class="truncate" v-if="display === 'embed' && show.link">{{ show.title }}</a>
+        <span class="truncate" v-else>{{ show.title }}</span>
       </h2>
       <h1 class="title" :style="titleStyle" v-if="hasEpisodeTitle">
-        <a :href="episode.link" target="_blank" class="truncate" v-if="display === 'embed' && episode.link">{{episode.title}}</a>
-        <span class="truncate" v-else>{{episode.title}}</span>
+        <a :href="episode.link" target="_blank" class="truncate" v-if="display === 'embed' && episode.link">{{ episode.title }}</a>
+        <span class="truncate" v-else>{{ episode.title }}</span>
       </h1>
-      <div class="subtitle" :style="subtitleStyle" v-if="hasDescription">{{episode.subtitle}}</div>
+      <div class="subtitle" :style="subtitleStyle" v-if="hasDescription">{{ episode.subtitle }}</div>
     </div>
   </div>
 </template>

src/components/tabs/info/Info.vue

@@ -111,6 +111,10 @@
         }
       }
 
+      .summary {
+        white-space: pre-line;
+      }
+
       .subtitle {
         font-weight: 500;
       }

yarn.lock

@@ -6440,14 +6440,6 @@ range-parser@^1.0.3, range-parser@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
 
-raven-for-redux@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/raven-for-redux/-/raven-for-redux-1.0.0.tgz#3671c2fd39b155b92e7013895806ff75ff2d5e96"
-
-raven-js@3.16.0:
-  version "3.16.0"
-  resolved "https://registry.yarnpkg.com/raven-js/-/raven-js-3.16.0.tgz#a799da4fdd04c63943f67deb93daa0ecfe101eab"
-
 raw-body@2.3.2:
   version "2.3.2"
   resolved "https://registry.yarnpkg.com/raw-body/-/raw-body-2.3.2.tgz#bcd60c77d3eb93cde0050295c3f379389bc88f89"