hazelnut spacing reviewed

[unfold.git] / plugins / hazelnut / static / css / hazelnut.css

diff --git a/plugins/hazelnut/static/css/hazelnut.css b/plugins/hazelnut/static/css/hazelnut.css
index 30dc6fd..31c1184 100644 (file)
--- a/plugins/hazelnut/static/css/hazelnut.css
+++ b/plugins/hazelnut/static/css/hazelnut.css
@@ -1,7 +1,5 @@
-div.hazelnut-spacer {
-    height:10px;
-    clear: both;
-}
+/* the bottom of the datatable needs more space */
+div.hazelnut-spacer { padding: 8px 4px 15px 4px; }
 
 div.Hazelnut table.dataTable th {
     font: bold 12px/22px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
@@ -17,6 +15,10 @@ div.Hazelnut table.dataTable th {
 /*    background: #CAE8EA url(../img/tablesort-header.jpg) no-repeat; */
 }
 
+div.Hazelnut table.dataTable th.checkbox {
+    padding-left: 14px;
+}
+
 div.Hazelnut table.dataTable td, div.Hazelnut table.dataTable textarea, div.Hazelnut table.dataTable input [type="text"] {
     font: normal 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
     border-right: 1px solid #C1DAD7;
@@ -45,16 +47,16 @@ div.Hazelnut table.dataTable thead .sorting { background: url('../img/tablesort-
 div.Hazelnut table.dataTable thead .sorting_asc { background: url('../img/tablesort-header-up.png') no-repeat; }
 div.Hazelnut table.dataTable thead .sorting_desc { background: url('../img/tablesort-header-down.png') no-repeat; }
 /* this icons set does not have that exact equivalent - using an approximation for now */
-div.Hazelnut table.dataTable thead .sorting_asc_disabled { background: url('../img/tablesort-header.png') no-repeat; }
-div.Hazelnut table.dataTable thead .sorting_desc_disabled { background: url('../img/tablesort-header.png') no-repeat; }
+div.Hazelnut table.dataTable thead .sorting_asc_disabled { background: url('../img/tablesort-header.png') repeat-x; }
+div.Hazelnut table.dataTable thead .sorting_desc_disabled { background: url('../img/tablesort-header.png') repeat-x; }
 
 /* the footers are not active */
 div.Hazelnut table.dataTable tfoot { 
-    background: url('../img/tablesort-header.png') no-repeat;
+    background: url('../img/tablesort-header.png') repeat-x;
     background-color: #caebea;
 }
 /* and when sorting is turned off it's useful to set this on header too */
 div.Hazelnut table.dataTable thead { 
-    background: url('../img/tablesort-header.png') no-repeat;
+    background: url('../img/tablesort-header.png') repeat-x;
     background-color: #caebea;
 }