From 5383b4258182f8585aa8f99ee2b02516d4c88b2b Mon Sep 17 00:00:00 2001
From: mrjvs <jellevs@gmail.com>
Date: Tue, 18 Dec 2018 18:34:48 +0100
Subject: [PATCH] dashboard is now responsive

---
 assets/css/pretendo-pnid.css | 48 ++++++++++++++++++++++++++++++++++++
 1 file changed, 48 insertions(+)

diff --git a/assets/css/pretendo-pnid.css b/assets/css/pretendo-pnid.css
index fc94d28..03f20b3 100644
--- a/assets/css/pretendo-pnid.css
+++ b/assets/css/pretendo-pnid.css
@@ -69,4 +69,52 @@ nav.userNav .links .navItem:hover {
 nav.userNav .links .navItem.active {
     color: #673ab7;
     font-weight: bold;
+}
+
+@media screen and (max-width: 950px) {
+    body .contentWrapper.userPage {
+        flex-direction: column;
+    }
+    nav.userNav {
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+    }
+    .contentCard {
+        display: block;
+        margin: auto;
+    }
+    nav.userNav .links {
+        display: flex;
+        flex-direction: row;
+        align-items: flex-end;
+    }
+    nav.userNav .links .navItem {
+        display: inline-block;
+    }
+    nav.userNav .userNavProfile::after {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 500px) {
+    .contentCard {
+        width: 100vw;
+    }
+}
+
+@media screen and (max-width: 450px) {
+    nav.userNav {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+    }
+    nav.userNav .links {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+    nav.userNav .userNavProfile::after {
+        display: inline-block;
+    }
 }
\ No newline at end of file