From dc644e588c32e86f4718593ed5fac2a79c0d5f3b Mon Sep 17 00:00:00 2001
From: Mark Maglana <mmaglana@gmail.com>
Date: Sun, 11 Apr 2010 00:36:38 +0800
Subject: [PATCH] Add hover color to editable fields

---
 assets/stylesheets/common.css |  5 +++
 assets/stylesheets/index.css  | 66 ++++++++++++++++++++---------------
 assets/stylesheets/story.css  | 40 +++++++--------------
 3 files changed, 55 insertions(+), 56 deletions(-)

diff --git a/assets/stylesheets/common.css b/assets/stylesheets/common.css
index a3aabdd689..15fb666792 100644
--- a/assets/stylesheets/common.css
+++ b/assets/stylesheets/common.css
@@ -43,4 +43,9 @@ a:hover{
 #content {
   clear:both;
   float:left;
+}
+
+/* MISC */
+.editable:hover{
+  background-color:#CCCCCC;
 }
\ No newline at end of file
diff --git a/assets/stylesheets/index.css b/assets/stylesheets/index.css
index 41b1410a4b..2846bc6a90 100644
--- a/assets/stylesheets/index.css
+++ b/assets/stylesheets/index.css
@@ -28,10 +28,15 @@
   display:none;
 }
 .backlog .header .name{
-  font-size:13px;
+  font-size:14px;
   font-weight:bold;
-  padding-left:15px;
-  width:310px;
+  width:300px;
+  position:absolute;
+  top:5px;
+  left:25px;
+}
+.backlog .header div.name{
+  padding:4px;
 }
 .backlog .header input{
   display:none;
@@ -42,63 +47,66 @@
 }
 .backlog.editing .header input.name{
   font-weight:bold;
-  left:21px;
   padding-left:0;
-  position:absolute;
-  top:4px;
-  width:305px;
 }
 .backlog .header .actions{
   display:block;
   position:absolute;
-  left:6px;
-  top:6px;
+  left:7px;
+  top:7px;
 }
 .backlog .header .dates{
   color:#999999;
   display:block;
   font-size:11px;
-  height:15px;
+  height:26px;
+  left:340px;
   overflow:hidden;
-  padding:2px;
-  padding-left:3px;
   position:absolute;
-  right:45px;
-  top:7px;
+  top:5px;
   width:160px;
 }
-.backlog .header .dates .datepicker{
-  top:2px;
+.backlog .header .dates div.datepicker{
+  height:100%;
+  padding-top:7px;
+  position:absolute;
+  text-align:center;
+  top:0px;
+  width:75px;
+}
+.backlog .header .dates div.sprint_start_date{
+  left:0px;
 }
-.backlog.editing .header input.sprint_start_date{
-  left:337px;
+.backlog .header .dates div.effective_date{
+  left:82px;
+}
+.backlog.editing .header input.datepicker{
+  height:19px;
+  padding:2px 0 0 1px;
   position:absolute;
   top:5px;
-  width:70px;
+  width:68px;
 }
-.backlog .header .dates .effective_date{
-  position:absolute;
-  right:3px;
+.backlog.editing .header input.sprint_start_date{
+  left:340px;
 }
 .backlog.editing .header input.effective_date{
-  left:430px;
-  position:absolute;
-  top:5px;
-  width:70px;
+  left:422px;
 }
 .backlog .header .points{
   color:#999999;
   display:block;
   font-size:11px;
-  height:15px;
+  height:17px;
   overflow:hidden;
   padding:2px;
   padding-right:3px;
+  padding-top:7px;
   position:absolute;
   right:11px;
   text-align:right;
-  top:7px;
-  width:25px;
+  top:5px;
+  width:28px;
 }
 .backlog .stories{
   list-style:none;
diff --git a/assets/stylesheets/story.css b/assets/stylesheets/story.css
index 5593e3f653..b665fd70cf 100644
--- a/assets/stylesheets/story.css
+++ b/assets/stylesheets/story.css
@@ -78,9 +78,9 @@
   height:15px;
   left:72px;
   overflow:hidden;
-  padding:2px;
+  padding:5px 2px 4px 2px;
   position:absolute;
-  top:4px;
+  top:1px;
   width:345px;
 }
 .story.editing .subject.editor{
@@ -90,20 +90,17 @@
   top:2px;
   width:345px;
 }
-.story  > div.status_id .v {
-  display:none;
-}
-.story  > div.status_id .t {
-  background-color:transparent;
+.story  > div.status_id {
   display:block;
   height:15px;
-  left:0;
-  padding:2px 2px 2px 9px;
+  left:427px;
+  padding:5px 2px 4px 9px;
   position:absolute;
-  top:0px;
+  top:1px;
   width:68px;
-  -moz-border-radius:4px;
-  -webkit-border-radius:4px;
+}
+.story  > div.status_id .v {
+  display:none;
 }
 .story.editing .status_id.editor{
   left:427px;
@@ -111,27 +108,16 @@
   top:4px;
   width:75px;
 }
-.story  > div.status_id {
-  display:block;
-  height:15px;
-  left:427px;
-  overflow:hidden;
-  padding:2px 2px 2px 9px;
-  position:absolute;
-  width:68px;
-  top:4px;
-}
 .story  > div.points {
   display:block;
   height:15px;
+  right:11px;
   overflow:hidden;
-  padding:2px;
-  padding-right:3px;
+  padding:5px 3px 4px 9px;
   position:absolute;
-  right:11px;
   text-align:right;
-  top:4px;
-  width:25px;
+  top:1px;
+  width:19px;
 }
 .story.editing input.points.editor{
   height:14px;