Use space of draggers when event is not active/hovered.

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index 29f9fa0..f91b4b0 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -1365,6 +1365,7 @@ div.kronolithEvent {
 }
 div.kronolithEvent .kronolithDragger {
     position: absolute;
+    visibility: hidden;
     left: 0;
     right: 3px;
     height: 12px;
@@ -1407,9 +1408,12 @@ div.kronolithEvent.kronolithEditable .kronolithDragger.kronolithDraggerBottom {
 }
 div.kronolithEvent .kronolithEventInfo {
     position: absolute;
-    top: 7px;
+    top: 0;
+    bottom: 0;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
     right: 3px;
-    bottom: 7px;
     left: 0;
     padding: 5px;
     overflow: hidden;
@@ -1418,6 +1422,15 @@ div.kronolithEvent .kronolithEventInfo {
 #kronolithEventsWeek div.kronolithEvent .kronolithDragger {
     right: 4px;
 }
+div.kronolithEvent:hover .kronolithEventInfo,
+div.kronolithEvent.kronolithSelected .kronolithEventInfo {
+    top: 7px;
+    bottom: 7px;
+}
+div.kronolithEvent:hover .kronolithDragger,
+div.kronolithEvent.kronolithSelected .kronolithDragger {
+    visibility: visible;
+}
 
 /* Redbox styles. */
 #RB_window {