From bc6915f24a7f17c3cd61b94cc8c6383e1703ae48 Mon Sep 17 00:00:00 2001
From: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>
Date: Sun, 4 Mar 2012 03:00:19 +0200
Subject: [PATCH] projects page finished

---
 app/assets/stylesheets/common.scss | 53 +++++++++++++++++++++---------
 app/views/projects/index.html.haml | 34 +++++++++----------
 2 files changed, 54 insertions(+), 33 deletions(-)

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 4e345208..a729bdd0 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -78,6 +78,10 @@ a:focus {
 .prepend-top-10 {
   margin-top:10px;
 }
+
+.padded { 
+  padding:20px;
+}
 .no-borders { 
   border:none;
 }
@@ -643,22 +647,6 @@ p.time {
   .wll:hover { background:none }
 }
 
-
-.projects_list { 
-  a.project { 
-    h4 { 
-      color:#888;
-    }
-    &.active { 
-      h4 {
-        color:#111;
-        .ico.project { 
-          background-position:-209px -21px;
-        }
-      }
-    }
-  }
-}
 .ico { 
   background: url("images.png") no-repeat -85px -77px;
   width: 19px;
@@ -679,3 +667,36 @@ p.time {
     background-position:-209px -21px;
   }
 }
+
+.leftbar { 
+
+  h5, .title { 
+    padding:5px 10px;
+  }
+
+  h4 { 
+    font-size:14px;
+    padding:2px 10px;
+    color:#888;
+    border-bottom:1px solid #eee;
+    &:last-child { border:none; }
+  }
+
+  a.active { 
+    h4 {
+      color:#111;
+      border-right:4px solid $styled_border_color;
+      .ico.project { 
+        background-position:-209px -21px;
+      }
+    }
+  }
+}
+
+.btn { 
+  &.very_small { 
+    font-size:11px;
+    padding:4px;
+    margin:2px;
+  }
+}
diff --git a/app/views/projects/index.html.haml b/app/views/projects/index.html.haml
index b26a8672..e70b9f0d 100644
--- a/app/views/projects/index.html.haml
+++ b/app/views/projects/index.html.haml
@@ -1,22 +1,22 @@
-%h3
-  Projects
-  %small= "( #{current_user.projects.count} )"
-  - if current_user.can_create_project?
-    %span.right
-      = link_to new_project_path, :class => "btn small" do 
-        New Project
-%hr
 - unless @projects.empty?
   .row
-    .span5
-      %div.content_list.projects_list
-        - @projects.each do |project|
-          = link_to project_path(project), :remote => true, :class => dom_class(project) do
-            %h4
-              %span.ico.project
-              = truncate(project.name, :length => 26)
-    .span11.right.show_holder
-      .loading
+    .span4
+      %div.leftbar.ui-box
+        %h5
+          Projects
+          - if current_user.can_create_project?
+            %span.right
+              = link_to new_project_path, :class => "btn very_small info" do 
+                New Project
+        .content_list
+          - @projects.each do |project|
+            = link_to project_path(project), :remote => true, :class => dom_class(project) do
+              %h4
+                %span.ico.project
+                = truncate(project.name, :length => 22)
+    .span12.right
+      .show_holder.ui-box.padded
+        .loading
 
 - else
   %h2 Nothing here