Better ellipsizing of long log lines.

static/css/log.css

@@ -2,10 +2,6 @@
     content: " ";
 }
 
-#log-container {
-    overflow: hidden;
-}
-
 #log {
     visibility: hidden;
     font-size: 13px;
@@ -29,22 +25,13 @@
 
 #log .details {
     width: 100%;
-}
+    max-width: 0;
 
-#log .details div {
-    width: 700px;
     white-space: nowrap;
     overflow: hidden;
-    overflow-x: hidden;
     text-overflow: ellipsis;
 }
 
-@media (min-width: 1200px) {
-    #log .details div {
-        width: 900px;
-    }
-}
-
 #log .details span.ua-body {
     font-family: "Lucida Console", Monaco, monospace;
     font-size: 11.7px;

templates/front/details_events.html

@@ -17,7 +17,6 @@
             {% endif %}
         </td>
         <td class="details">
-            <div>
             {% if event.scheme == "email" %}
                 {{ event.ua }}
                 <span class="ua-body">
@@ -37,7 +36,6 @@
                     {% endif %}
                 </span>
             {% endif %}
-            </div>
         </td>
     </tr>
     {% endif %}

templates/front/log.html

@@ -51,7 +51,6 @@
                 {% endif %}
             </td>
             <td class="details">
-                <div>
                 {% if event.scheme == "email" %}
                     {{ event.ua }}
                     <span class="ua-body">
@@ -74,7 +73,6 @@
                         {% endif %}
                     </span>
                 {% endif %}
-                </div>
             </td>
         </tr>
         {% endif %}