From 164439b9f9992d9f0c81287e383bba2bb34e9d7e Mon Sep 17 00:00:00 2001
From: Alexander Heimbuch <github@heimbu.ch>
Date: Thu, 4 Jan 2018 19:17:57 +0100
Subject: [PATCH] feat(info): Adds ability to use line breaks in description

-fixes #459
---
 docs/standalone.html              |  4 +++-
 src/components/header/Info.vue    | 10 +++++-----
 src/components/tabs/info/Info.vue |  4 ++++
 yarn.lock                         |  8 --------
 4 files changed, 12 insertions(+), 14 deletions(-)

diff --git a/docs/standalone.html b/docs/standalone.html
index bb546977f..47a707480 100644
--- a/docs/standalone.html
+++ b/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: {
diff --git a/src/components/header/Info.vue b/src/components/header/Info.vue
index 520589ff3..2e12ce36c 100644
--- a/src/components/header/Info.vue
+++ b/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>
diff --git a/src/components/tabs/info/Info.vue b/src/components/tabs/info/Info.vue
index 5c474b858..bd6d0e63e 100644
--- a/src/components/tabs/info/Info.vue
+++ b/src/components/tabs/info/Info.vue
@@ -111,6 +111,10 @@
         }
       }
 
+      .summary {
+        white-space: pre-line;
+      }
+
       .subtitle {
         font-weight: 500;
       }
diff --git a/yarn.lock b/yarn.lock
index 097bb089b..9bd6700e1 100644
--- a/yarn.lock
+++ b/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"