1 files changed, 30 insertions, 23 deletions
diff --git a/budget/static/main.css b/budget/static/main.css
index c14e0b7..830ef98 100644
--- a/budget/static/main.css
+++ b/budget/static/main.css
@@ -1,4 +1,4 @@
-    @import "bootstrap-1.0.0.min.css";
+@import "bootstrap-1.0.0.min.css";
 @import url(http://fonts.googleapis.com/css?family=Lobster|Comfortaa);
 @import "jquery/jquery-ui.css";
 
@@ -130,31 +130,12 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
 .bill-actions {
     padding-top: 2px;
     padding-bottom: 2px;
-}
-
-.edit img {
-    height: 24px;
-}
-
-.delete img {
-    height: 24px;
-}
-
-#overlay {
-    position:absolute;
-    background-color:#000000;
-    opacity:0.7;
-    display:none;
     text-align: center;
 }
 
-#overlay-delete, #overlay-reactivate {
-    width: 28px;
-    height: 28px;
-    margin-top: 2px;
-    position:absolute;
-    cursor:pointer;
-    display:none;
+.edit img, .delete img{
+    height: 16px;
+    margin-right: 5px;
 }
 
 .balance-value{
@@ -177,3 +158,29 @@ tr.payer_line .balance-name{
     text-indent:5px;
 }
 
+.action {
+    position: absolute;
+    left: 10px;
+    width: 220px;
+    background: #000 ;
+    opacity: 0.6;
+    text-align: center;
+}
+.action a, .action a:hover {
+    height: 16px;
+    padding-left: 20px;
+}
+
+.delete a, .delete a:hover {
+    background: url('deleter.png') left no-repeat;
+    color: red;
+}
+
+.reactivate a, .reactivate a:hover {
+    background: url('reactivate.png') left no-repeat;
+    color: white;
+}
+
+#bill-form > fieldset {
+    margin-top: 10px;
+}