translator: insert and delete segments

You can now insert new segments anywhere, now just at the end.
You can now delete any segment, not just the last one.

1 files changed, 11 insertions, 8 deletions

diff --git a/src/www/translator/translator.css b/src/www/translator/translator.css
index d2cdaab35..de23ab47f 100644
--- a/src/www/translator/translator.css
+++ b/src/www/translator/translator.css
@@ -42,15 +42,16 @@ div.document h2, div.document h3 { color: #009; }
 table.segments { margin-left: auto; margin-right: auto; }
 .current_segment, .segment:hover { background: #ff9; }
 
-td.source, td.options, td.target {
-    padding: 1ex;
-}
+td.actions { padding: 1ex 1em 1ex 0.5em; }
+td.options { padding: 1ex 1em; }
 td.source, td.target {
+    padding: 1ex;
     border-bottom: 2px solid #ccc;
+    vertical-align: baseline;
 }
-td.options > div { position: relative; margin: 0; }
-td.options:hover > div > dl { display: block; }
-td.options > div > dl {
+td.options > div, td.actions > div { position: relative; margin: 0; }
+td.options:hover > div > dl,td.actions:hover > div > dl { display: block; }
+td.options > div > dl, td.actions > div > dl {
     left: 0.8em;
     padding: 0.6ex;
     font-family: sans-serif;
@@ -70,7 +71,7 @@ table.paralleltexts td {
 
 label { font-family: sans-serif; }
 
-div.document form { 
+form.import { 
     min-width: 90%; /* extend to availiable width for Safari */
     /*background: #eee;*/
     margin: 10px; /* extend to available width for other browsers */
@@ -78,6 +79,8 @@ div.document form {
     box-shadow: 4px 4px 12px rgba(0,0,0,0.33);
 }
 
-span.arrow { color: blue; }
+span.actions { visibility: hidden; }
+tr:hover div > span.actions { visibility: visible; }
+span.arrow, span.actions { color: blue; }
 span.error { color: red; }
 span.choices { color: blue; font-weight: bold; font-family: sans-serif; }
\ No newline at end of file