From 445c149d9b71499052d88f844014bd379bf9d606 Mon Sep 17 00:00:00 2001
From: elisejakob <hei@elisejakob.no>
Date: Sat, 9 Mar 2019 20:54:51 +0100
Subject: [PATCH] style all body content from wordpress the same

---
 src/components/PostList.js   |  1 +
 src/css/associations.scss    | 22 ----------------------
 src/css/events.scss          |  1 +
 src/css/header.scss          |  2 +-
 src/css/page.scss            | 36 +++++++++++++++++-------------------
 src/templates/association.js |  2 +-
 src/templates/event.js       |  2 +-
 src/templates/page.js        |  2 +-
 src/templates/post.js        |  2 +-
 src/templates/venue.js       |  2 +-
 10 files changed, 25 insertions(+), 47 deletions(-)

diff --git a/src/components/PostList.js b/src/components/PostList.js
index 482755c..22d0dc8 100644
--- a/src/components/PostList.js
+++ b/src/components/PostList.js
@@ -27,6 +27,7 @@ export default class PostList extends React.Component {
                 </header>
                 <div className="post-body">
                   <div
+                    className="wp-content"
                     dangerouslySetInnerHTML={{
                       __html: post.excerpt.replace(/<p class="link-more.*/, ''),
                     }}
diff --git a/src/css/associations.scss b/src/css/associations.scss
index b3a6e19..a78db96 100644
--- a/src/css/associations.scss
+++ b/src/css/associations.scss
@@ -40,26 +40,4 @@
     max-width: $width-m;
     margin: 0 auto;
   }
-}
-.association-content {
-  max-width: $width-m;
-  margin: 0 auto;
-
-  img, div {
-    max-width: 100%;
-  }
-
-  ul {
-    max-width: $width-m;
-    margin: 0 auto 1rem;
-  }
-
-  ul, p {
-    margin: 0 auto 1.6rem;
-  }
-
-  h1, h2, h3, h4, h5, h6 {
-    max-width: $width-m;
-    margin-top: 3.6rem;
-  }
 }
\ No newline at end of file
diff --git a/src/css/events.scss b/src/css/events.scss
index 02ce0c3..9ea92e4 100644
--- a/src/css/events.scss
+++ b/src/css/events.scss
@@ -252,6 +252,7 @@
 
   h1 {
     font-size: 3.6rem;
+    line-height: 1;
     margin-right: -3.6rem;
     text-shadow: -0.06rem 0.1rem 0.26rem rgba(0, 0, 0, 0.9);
     margin-bottom: 0;
diff --git a/src/css/header.scss b/src/css/header.scss
index 4289bec..868fa32 100644
--- a/src/css/header.scss
+++ b/src/css/header.scss
@@ -9,7 +9,7 @@
   top: 0;
   left: 0;
   right: 0;
-  z-index: 10;
+  z-index: 1000;
 
   .logo {
     width: 1rem;
diff --git a/src/css/page.scss b/src/css/page.scss
index 29dbee1..1e1b9fd 100644
--- a/src/css/page.scss
+++ b/src/css/page.scss
@@ -6,27 +6,25 @@
   text-align: center;
 }
 
-.page {
-  &-content {
+.wp-content {
+  max-width: $width-m;
+  margin: 0 auto;
+
+  img, div {
+    max-width: 100%;
+  }
+
+  ul {
     max-width: $width-m;
-    margin: 0 auto;
+    margin: 0 auto 1rem;
+  }
 
-    img, div {
-      max-width: 100%;
-    }
+  ul, p {
+    margin: 0 auto 1.6rem;
+  }
 
-    ul {
-      max-width: $width-m;
-      margin: 0 auto 1rem;
-    }
-
-    ul, p {
-      margin: 0 auto 1.6rem;
-    }
-
-    h1, h2, h3, h4, h5, h6 {
-      max-width: $width-m;
-      margin-top: 3.6rem;
-    }
+  h1, h2, h3, h4, h5, h6 {
+    max-width: $width-m;
+    margin-top: 3.6rem;
   }
 }
\ No newline at end of file
diff --git a/src/templates/association.js b/src/templates/association.js
index ee5f81b..cc9ba3e 100644
--- a/src/templates/association.js
+++ b/src/templates/association.js
@@ -28,7 +28,7 @@ export const AssociationTemplate = data => {
       )}
       <div className="association-type">Type: {type}</div>
       <div
-        className="association-content"
+        className="association-content wp-content"
         dangerouslySetInnerHTML={{ __html: content }}
       />
     </section>
diff --git a/src/templates/event.js b/src/templates/event.js
index 35426bf..10d3544 100644
--- a/src/templates/event.js
+++ b/src/templates/event.js
@@ -97,7 +97,7 @@ export const EventTemplate = ({
         )}
       </div>
       <div
-        className="event-content"
+        className="event-content wp-content"
         dangerouslySetInnerHTML={{ __html: content }}
       />
     </section>
diff --git a/src/templates/page.js b/src/templates/page.js
index bfff453..34fca8b 100644
--- a/src/templates/page.js
+++ b/src/templates/page.js
@@ -8,7 +8,7 @@ export const PageTemplate = ({ title, content }) => {
     <section className="page">
       <h1 className="section-title">{title}</h1>
       <div
-        className="page-content"
+        className="page-content wp-content"
         dangerouslySetInnerHTML={{ __html: content }}
       />
     </section>
diff --git a/src/templates/post.js b/src/templates/post.js
index 0464d28..6b9f017 100644
--- a/src/templates/post.js
+++ b/src/templates/post.js
@@ -37,7 +37,7 @@ export const BlogPostTemplate = ({
         )}
       </div>
       <div
-        className="post-content"
+        className="post-content wp-content"
         dangerouslySetInnerHTML={{ __html: content }}
       />
     </section>
diff --git a/src/templates/venue.js b/src/templates/venue.js
index 06b548b..7c49091 100644
--- a/src/templates/venue.js
+++ b/src/templates/venue.js
@@ -37,7 +37,7 @@ export class VenueTemplate extends React.Component {
           )}
         </div>
         <div
-          className="venue-content"
+          className="venue-content wp-content"
           dangerouslySetInnerHTML={{ __html: content }}
         />
         <div className="venue-meta">