playout: compact view

website/agenda/planung/css/show-playout.css

@@ -24,15 +24,35 @@ table {
     border-top: 1px solid #666;
 }
 
-#content #playout-table td.path {
-    width: 15rem;
-    word-break: break-word;
+#content #playout-table td.start {
+    width:10%;
 }
 
-#content #playout-table td div {
-    float: left;
-    margin: 3px;
+#content #playout-table td.path div {
+    width: 20%;
 }
+#content #playout-table td.path div {
+    width: 100%;
+    height: 100%;
+    word-break: break-word;
+    text-overflow: ellipsis;
+    overflow: hidden;
+    max-height:3.2rem;
+}
+
+#content #playout-table td.path div:hover {
+    max-height:none;
+    transition: all 1s;
+}
+
+#content #playout-table td.properties {
+    width: 50%;
+}
+
+#content #playout-table td.image {
+    width: 10%;
+}
+
 
 #content tr.past {
     background: #ccc;
@@ -45,8 +65,13 @@ table {
 }
 
 #content img {
-    width: 60%;
-    height: 100%;
+    width:200px;
+    height:100px;
+}
+
+img:hover {
+    transform:scale(1.5);
+    transition: all 1s;
 }
 
 #content div.ok,