3 files changed, 18 insertions, 7 deletions
diff --git a/budget/static/main.css b/budget/static/main.css
index 45e4152..7a0e974 100644
--- a/budget/static/main.css
+++ b/budget/static/main.css
@@ -2,7 +2,7 @@
 @import url(http://fonts.googleapis.com/css?family=Lobster|Comfortaa);
 @import "jquery/jquery-ui.css";
 
-html body{
+html, body{
     height: 100%;
 }
 
@@ -14,6 +14,18 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
 .positive { color: green; }
 .negative { color: red; }
 
+.sidebar {
+    background-color: #ABE128;
+    background-image: url("gradient.png");
+    background-position: center top;
+    background-position-x: 50%;
+    background-position-y: 0%;
+    background-repeat: no-repeat;
+    height: 100%;
+    width: 220px;
+    padding-left: 10px;
+    padding-right: 10px;
+}
 .sidebar h2 { text-align: center; }
 .sidebar button{ margin-top: 10px; float: right; }
 
@@ -87,7 +99,7 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
 
 #footer{
     margin-top: 30px;
-    position: relative;
+    position: fixed;
     bottom: 0px;
     width: 100%;
     text-align: center;
@@ -97,7 +109,6 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
 
 .identifier{
     float: right;
-    margin-top: -15px;
 }
 
 .password-reminder{
diff --git a/budget/templates/home.html b/budget/templates/home.html
index 1073a49..414e730 100644
--- a/budget/templates/home.html
+++ b/budget/templates/home.html
@@ -17,7 +17,7 @@
 {% endblock %}
 
 {% block container %}
-<div class="container-fluid" style="margin-top: 20px">
+<div class="container-fluid" style="margin-top: 20px; height: 100%;">
     <div class="content home">
 
       <div class="row">
diff --git a/budget/templates/layout.html b/budget/templates/layout.html
index 82b6ce9..55650d2 100644
--- a/budget/templates/layout.html
+++ b/budget/templates/layout.html
@@ -40,7 +40,7 @@
         });
     </script>
 </head>
-<body>
+<body style="margin-top: 50px;">
 {% macro translations() %}
 <li {% if g.lang == "fr" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="fr") }}">fr</a></li>
 <li {% if g.lang == "en" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="en") }}">en</a></li>
@@ -77,9 +77,9 @@
 </div>
 {% block header %}{% endblock %}
 {% block container %}
-<div class="container-fluid" style="margin-top: 40px">
+<div class="container-fluid" style="height: 100%; padding-left: 10px;">
     <div class="sidebar">{% block sidebar %}{% endblock %}</div>
-    <div class="content">
+    <div class="content" style="margin-left: 250px;">
     {% for message in get_flashed_messages() %}
         <div class="flash alert-message info"><p>{{ message }}</p></div>
     {% endfor %}