Improvement of the sidebar look. Related to #34. Fix #52.

2 files changed, 8 insertions, 5 deletions

diff --git a/budget/static/bootstrap-1.0.0.min.css b/budget/static/bootstrap-1.0.0.min.css
index 6b0b218..aa3b75a 100644
--- a/budget/static/bootstrap-1.0.0.min.css
+++ b/budget/static/bootstrap-1.0.0.min.css
@@ -44,7 +44,7 @@ body{margin:60px 0 0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;fon
 div.container{width:940px;margin:0 auto;}
 div.container-fluid{padding:0 20px;zoom:1;}div.container-fluid:before,div.container-fluid:after{display:table;content:"";}
 div.container-fluid:after{clear:both;}
-div.container-fluid div.sidebar{float:left;width:220px;}
+div.container-fluid div.sidebar{float:left;}
 div.container-fluid div.content{min-width:700px;max-width:1180px;margin-left:240px;}
 a{color:#0069d6;text-decoration:none;line-height:inherit;}a:hover{color:#0050a3;text-decoration:underline;}
 .btn{display:inline-block;background-color:#e6e6e6;background-repeat:no-repeat;background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(0.25, #ffffff), to(#e6e6e6));background-image:-webkit-linear-gradient(#ffffff, color-stop(0.25, #ffffff), #e6e6e6);background-image:-moz-linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);background-image:-ms-linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);background-image:-o-linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);background-image:linear-gradient(#ffffff, color-stop(#ffffff, 0.25), #e6e6e6);padding:4px 14px;text-shadow:0 1px 1px rgba(255, 255, 255, 0.75);color:#333333;font-size:13px;line-height:18px;border:1px solid rgba(0, 0, 0, 0.1);border-bottom-color:rgba(0, 0, 0, 0.25);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-moz-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05);-webkit-transition:0.1s linear all;-moz-transition:0.1s linear all;transition:0.1s linear all;}.btn:hover{background-position:0 -15px;color:#333333;text-decoration:none;}
@@ -82,7 +82,7 @@ address{display:block;line-height:18px;margin-bottom:18px;}
 code,pre{padding:0 3px 2px;font-family:Monaco, Andale Mono, Courier New, monospace;font-size:12px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
 code{background-color:#fee9cc;color:rgba(0, 0, 0, 0.75);padding:1px 3px;}
 pre{background-color:#f5f5f5;display:block;padding:17px;margin:0 0 18px;line-height:18px;font-size:12px;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.15);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;white-space:pre-wrap;}
-form{margin-bottom:18px;}form fieldset{margin-bottom:18px;padding-top:18px;}form fieldset legend{display:block;margin-left:150px;font-size:20px;line-height:1;color:#404040;}
+form{margin-bottom:10px;}form fieldset{margin-bottom:18px;padding-top:18px;}form fieldset legend{display:block;margin-left:150px;font-size:20px;line-height:1;color:#404040;}
 form div.clearfix{margin-bottom:18px;}
 form label,form input,form select,form textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px;font-weight:normal;line-height:normal;}
 form label{padding-top:6px;font-size:13px;line-height:18px;float:left;width:130px;text-align:right;color:#404040;}
diff --git a/budget/static/main.css b/budget/static/main.css
index 0dfffb8..7995295 100644
--- a/budget/static/main.css
+++ b/budget/static/main.css
@@ -19,7 +19,7 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
     background-position: center bottom;
     background-repeat: no-repeat;
     height: 100%;
-    width: 220px;
+    width: 230px;
     padding-left: 10px;
     padding-right: 10px;
     padding-top: 10px;
@@ -27,10 +27,12 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
     margin-top: -10px;
     margin-right: 15px;
     color: black;
-
+    position: fixed;
 }
 .sidebar h2 { text-align: center; }
-.sidebar button { margin-top: 10px; float: right; }
+.sidebar button { margin-top: 10px; width: 75px;}
+
+#table_overflow { overflow-y: auto; overflow-x: hidden; width: 235px; }
 
 .right h3 { float: right; }
 #bills { color: black; }
@@ -104,6 +106,7 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
     margin-top: 30px;
     position: fixed;
     bottom: 0px;
+    height: 20px;
     width: 100%;
     text-align: center;
     background-color: #fff;