notify-events: i18n, show details, menu entry

* add menu entry
* toggle details
* show status icons instead of text
* internationalization

website/agenda/planung/css/notify-events.css

@@ -1,36 +1,34 @@
-.mailHeader{
-    background:#ccc;
+table#events{
+    transition:all 2s;
 }
 
-.mailSubject{
-}
-
-.mailBody{
-    white-space:pre; 
-}
-
-.done{
+table#events.done{
     background:#cfc;
 }
 
 table#events td:nth-of-type(1){
-    width:15em;
+    width:15ch;
 }
 
-table#events td:nth-of-type(2){
-    width:60em;
+table#events td:nth-of-type(4){
+    width:12ch;
 }
 
 td.action, input.action{
-    width:5em;
+    width:5ch;
 }
 
 form input{
-    width:50em;
+    width:100%;
 }
 
-form textarea{
-    width:50em;
-    height:14em;
+img.toggle{
+    background:#1678c2;
+    cursor:grab;
+    transition:all 0.5s;
 }
 
+img.toggle:hover{
+    transform: scale(1.2);
+    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .18), 0 4px 15px 0 rgba(0, 0, 0, .15);
+}