Add styling adjustments to story single pages

7 files changed, 27 insertions, 25 deletions

diff --git a/docs/stories/das_schweigende_spiegelbild.html b/docs/stories/das_schweigende_spiegelbild.html
index fb3a30f..9642370 100644
--- a/docs/stories/das_schweigende_spiegelbild.html
+++ b/docs/stories/das_schweigende_spiegelbild.html
@@ -22,7 +22,7 @@
         
     <h2>Das schweigende Spiegelbild</h2>
     <a class="download-button" href="das_schweigende_spiegelbild.pdf" download>Download PDF</a>
-    <p class="story-text"><p>Er stoß die Tür zu, stampfte wütend die knirschende Holztreppe runter
+    <div class="story-text"><p>Er stoß die Tür zu, stampfte wütend die knirschende Holztreppe runter
 und in seinem kleinen Keller angekommen starrte er mich an. Die frischen
 Blutflecken auf seinem weißen Anzug verstummten mich. Auf seinem blassen
 vertrockneten Gesicht flossen die Tränen ununterbrochen in Bahnen
@@ -64,7 +64,7 @@ der Menschen, die wir beide liebten, zu verhindern. Doch auch als er
 schließlich mit einer Scherbe des kaputten Spiegels seine Kehle
 aufschlitzte, habe ich beschämend geschwiegen.<br />
 </p>
-</p>
+</div>
 
     </main>
     <footer>
diff --git a/docs/stories/mit_gutem_gewissen.html b/docs/stories/mit_gutem_gewissen.html
index 9284214..ef04973 100644
--- a/docs/stories/mit_gutem_gewissen.html
+++ b/docs/stories/mit_gutem_gewissen.html
@@ -22,7 +22,7 @@
         
     <h2>Mit gutem Gewissen</h2>
     <a class="download-button" href="mit_gutem_gewissen.pdf" download>Download PDF</a>
-    <p class="story-text"><p>Es war an einem kalten Winterabend als mein alter Freund mit den
+    <div class="story-text"><p>Es war an einem kalten Winterabend als mein alter Freund mit den
 leuchtend blauen Augen das letzte Mal das Grab seiner Geliebten mit
 Tränen begoss. Sein Herz war abgebrannt. Es war kalt und unbewohnbar.
 Dennoch blieb es das Zuhause von Rina. Leon und ich wollten sie niemals
@@ -191,7 +191,7 @@ sind es alle Erinnerungen. Leon lächelt. In diesem Moment wünschen wir
 uns beide für jedes Lebewesen dieses wundervolle Glück. Wie viel Schmerz
 müssen wir ertragen, um dieses Glück zu finden? Es ist vielleicht ein
 hoffnungsloser Weg. Aber Leon vertraut mir. Er vertraut seinem Herz.</p>
-</p>
+</div>
 
     </main>
     <footer>
diff --git a/docs/stories/the_fallen_dragons_of_bavaria.html b/docs/stories/the_fallen_dragons_of_bavaria.html
index 8c0cf8d..d2c4730 100644
--- a/docs/stories/the_fallen_dragons_of_bavaria.html
+++ b/docs/stories/the_fallen_dragons_of_bavaria.html
@@ -22,7 +22,7 @@
         
     <h2>The fallen dragons of Bavaria</h2>
     <a class="download-button" href="the_fallen_dragons_of_bavaria.pdf" download>Download PDF</a>
-    <p class="story-text"><p>Three years ago, weeks after Robin Williams’ suicide, Kazuyuki landed
+    <div class="story-text"><p>Three years ago, weeks after Robin Williams’ suicide, Kazuyuki landed
 in Munich for the first time, looking forward to a new life. His
 desperate need for a well-paying job and the frightening amount of
 rejections forced him to accept this offer as a junior frontend web
@@ -94,7 +94,7 @@ this way he could be saved. After restless days without sleep, battling
 gods, demons and even the deadly <em>Krampus</em>, to save us, the least
 I could do for my hero, was to learn to fly again, catch the only light
 in his life and return it to him.</p>
-</p>
+</div>
 
     </main>
     <footer>
diff --git a/docs/style.css b/docs/style.css
index 314ee31..dae8b33 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -178,21 +178,21 @@ h3 {
   color: #a29d7f;
 }
 
-.story-text {
-  padding: 3em;
+.story-text p {
+  padding: 2em;
   margin: 2em 1em;
-  border: 1px solid #333;
+  background-color: #333;
   line-height: 1.8rem;
   font-size: 0.9em;
 }
 @media screen and (min-width: 480px) {
-  .story-text {
+  .story-text p {
     line-height: 2rem;
     margin: 2em;
   }
 }
 @media screen and (min-width: 768px) {
-  .story-text {
+  .story-text p {
     line-height: 2.5rem;
     font-size: 1em;
   }
diff --git a/docs/style.css.map b/docs/style.css.map
index c835267..30dbeb0 100644
--- a/docs/style.css.map
+++ b/docs/style.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAKA;EACI;EACA;EACA;EAMA;;AALA;EACI;EACA;EACA;;;AAKR;EACI,kBAlBe;EAmBf,OAjBS;EAkBT;EACA;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,kBA7Ce;;;AAgDnB;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;AAGR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;;AAKZ;EACI;EACA;EACA,kBA1EQ;;;AA6EZ;EACI;EACA;;AACA;EACI,cA/EO;EAgFP;;;AAIR;EACI;EACA,OAtFW;;;AAyFf;EACI;EACA,kBA7FQ;EA8FR;EACA;;AAEA;EACI;;AACA;EACI;;AACA;EACI,kBAvGG;EAwGH;;AAKZ;EACI;EACA;EACA;EAcA;;AAbA;EACI;EACA;;AACA;EACI,kBArHG;EAsHH;EACA;EACA;;AAGR;EACI;;AAGJ;EAlBJ;IAmBQ;;;AAEJ;EArBJ;IAsBQ;;;AAEJ;EAxBJ;IAyBQ;;;;AAKZ;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA,OAjJK;;AAmJT;EACI,kBArJI;EAsJJ,OApJO;EAqJP;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,OAvKW;;;AA0Kf;EACI;EACA;EACA;EACA;EACA;;AACA;EANJ;IAOQ;IACA;;;AAEJ;EAVJ;IAWQ;IACA","file":"style.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../sass/style.scss"],"names":[],"mappings":"AAKA;EACI;EACA;EACA;EAMA;;AALA;EACI;EACA;EACA;;;AAKR;EACI,kBAlBe;EAmBf,OAjBS;EAkBT;EACA;;;AAGJ;EACI;EACA;;AACA;EACI;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,kBA7Ce;;;AAgDnB;EACI;EACA;;AACA;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;AAEJ;EAPJ;IAQQ;;;AAGR;EACI;EACA;EACA;;AACA;EAJJ;IAKQ;;;;AAKZ;EACI;EACA;EACA,kBA1EQ;;;AA6EZ;EACI;EACA;;AACA;EACI,cA/EO;EAgFP;;;AAIR;EACI;EACA,OAtFW;;;AAyFf;EACI;EACA,kBA7FQ;EA8FR;EACA;;AAEA;EACI;;AACA;EACI;;AACA;EACI,kBAvGG;EAwGH;;AAKZ;EACI;EACA;EACA;EAcA;;AAbA;EACI;EACA;;AACA;EACI,kBArHG;EAsHH;EACA;EACA;;AAGR;EACI;;AAGJ;EAlBJ;IAmBQ;;;AAEJ;EArBJ;IAsBQ;;;AAEJ;EAxBJ;IAyBQ;;;;AAKZ;EACI;EACA;;AACA;EAHJ;IAIQ;;;AAEJ;EACI;EACA,OAjJK;;AAmJT;EACI,kBArJI;EAsJJ,OApJO;EAqJP;EACA;EACA;;;AAIR;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA,OAvKW;;;AA2KX;EACI;EACA;EACA,kBAhLI;EAiLJ;EACA;;AACA;EANJ;IAOQ;IACA;;;AAEJ;EAVJ;IAWQ;IACA","file":"style.css"}
\ No newline at end of file
diff --git a/sass/style.scss b/sass/style.scss
index 8227863..9599128 100644
--- a/sass/style.scss
+++ b/sass/style.scss
@@ -172,17 +172,19 @@ h3 {
 }
 
 .story-text {
-    padding: 3em;
-    margin: 2em 1em;
-    border: 1px solid $box-color;
-    line-height: 1.8rem;
-    font-size: 0.9em;
-    @media screen and (min-width: 480px) {
-        line-height: 2rem;
-        margin: 2em;
-    }
-    @media screen and (min-width: 768px) {
-        line-height: 2.5rem;
-        font-size: 1em;
+    p {
+        padding: 2em;
+        margin: 2em 1em;
+        background-color: $box-color;
+        line-height: 1.8rem;
+        font-size: 0.9em;
+        @media screen and (min-width: 480px) {
+            line-height: 2rem;
+            margin: 2em;
+        }
+        @media screen and (min-width: 768px) {
+            line-height: 2.5rem;
+            font-size: 1em;
+        }
     }
 }
diff --git a/templates/story.html b/templates/story.html
index 1ed970c..14d1c86 100644
--- a/templates/story.html
+++ b/templates/story.html
@@ -3,5 +3,5 @@
 {% block content %}
     <h2>{{story.title}}</h2>
     <a class="download-button" href="{{story.path_to_document}}" download>Download PDF</a>
-    <p class="story-text">{{text | safe}}</p>
+    <div class="story-text">{{text | safe}}</div>
 {% endblock content %}