From 0b1f88107ba629d6c9c073cdeb52746c215d9651 Mon Sep 17 00:00:00 2001
From: SleepWalker <mybox@udf.su>
Date: Fri, 27 May 2016 23:23:53 +0300
Subject: [PATCH] #118: press profile footer to bottom

---
 src/pages/profile/profile.scss | 15 ++++++++++-----
 src/pages/root/root.scss       |  4 ++++
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/pages/profile/profile.scss b/src/pages/profile/profile.scss
index e1ffa77..70d3c36 100644
--- a/src/pages/profile/profile.scss
+++ b/src/pages/profile/profile.scss
@@ -1,17 +1,22 @@
 .container {
-    margin: 55px 10px 10px;
+    min-height: 100%;
+    position: relative;
+    box-sizing: border-box;
+
+    padding: 55px 10px 45px; // 45px for footer
 }
 
 .footer {
-    text-align: center;
-    position: fixed;
-    bottom: 10px;
     width: 100%;
+    position: absolute;
+    bottom: 10px;
     left: 0;
+
+    text-align: center;
 }
 
 @media (max-width: 720px) {
     .container {
-        margin-top: 20px;
+        padding-top: 20px;
     }
 }
diff --git a/src/pages/root/root.scss b/src/pages/root/root.scss
index 0255f9e..6ccef14 100644
--- a/src/pages/root/root.scss
+++ b/src/pages/root/root.scss
@@ -49,6 +49,10 @@ $userBarHeight: 50px;
 
     // place for header
     min-height: 100%;
+    // hack to enable min-height/height 100% in parent elements
+    // http://stackoverflow.com/a/21836870/2039203
+    // http://stackoverflow.com/questions/2341821/height100-vs-min-height100
+    height: 0;
     box-sizing: border-box;
     padding-top: $userBarHeight;
 }