From 93267d6fbd835ce67e5fc887365389ccf3d3e2e9 Mon Sep 17 00:00:00 2001
From: Laurent Peuch <cortex@worlddomination.be>
Date: Fri, 4 Dec 2015 22:53:49 +0100
Subject: [PATCH] [enh] separate between sections

---
 materialize/css/style-page.css | 8 +++++---
 templates/page-example.html    | 7 ++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/materialize/css/style-page.css b/materialize/css/style-page.css
index 45174d0..f37dfee 100644
--- a/materialize/css/style-page.css
+++ b/materialize/css/style-page.css
@@ -9,18 +9,20 @@ body {
     width: 100%;
 }
 
+section {
+    margin-bottom: 4em;
+}
+
 .full-picture {
-    position: relative;
     height: 100%;
     width: 100%;
     min-height: 250px;
 }
 
-.bordered-picture {
+.bordered-picture img {
     height: 80%;
     width: 80%;
     margin-left: 10%;
     margin-right: 10%;
     margin-top: 3em;
-    margin-bottom: 5em;
 }
diff --git a/templates/page-example.html b/templates/page-example.html
index 435c959..7bcc610 100644
--- a/templates/page-example.html
+++ b/templates/page-example.html
@@ -13,14 +13,11 @@
     <section class="full-picture" style="background: transparent url('./1.png') no-repeat scroll center top / cover;">
     </section>
 
-    <p>pouet</p>
-
     <section class="full-picture" style="background: transparent url('./1.png') no-repeat scroll center top / cover;">
     </section>
 
-    <p>pouet</p>
-
-    <img class="bordered-picture" src="./1.png">
+    <section class="bordered-picture">
+        <img src="./1.png">
     </section>
 
 </body>