From 6cabc0d9a236ad91f089304c89084c5fd42a0f38 Mon Sep 17 00:00:00 2001
From: Jorg Van Renterghem <jorvrent@helios.ugent.be>
Date: Tue, 1 Nov 2016 13:10:25 +0100
Subject: [PATCH] padding header and event fixed for mobile

---
 content/assets/stylesheets/includes/events.scss  | 5 ++++-
 content/assets/stylesheets/includes/general.scss | 9 +++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/content/assets/stylesheets/includes/events.scss b/content/assets/stylesheets/includes/events.scss
index 46ff669..908e3dc 100644
--- a/content/assets/stylesheets/includes/events.scss
+++ b/content/assets/stylesheets/includes/events.scss
@@ -34,7 +34,10 @@
   padding-top:0px;
     box-shadow : none;
     width: 60%;
-
+    //for better spacing on mobile
+    @media screen and (max-width: 768px) {
+      width: 100%;
+    }
     .title {
       font-size: 1.7em;
       font-weight: 500;
diff --git a/content/assets/stylesheets/includes/general.scss b/content/assets/stylesheets/includes/general.scss
index 88eefe6..763ea8d 100644
--- a/content/assets/stylesheets/includes/general.scss
+++ b/content/assets/stylesheets/includes/general.scss
@@ -124,6 +124,15 @@ footer.footer {
       max-height: 250px;
     }
   }
+
+  //for better spacing on mobile
+  header.section {
+    padding: 0px 0px;
+  }
+
+  main.section {
+    padding-top: 0px;
+  }
 }
 
 #tipue_search_input {