Prevent (almost) any wrapping to keep the interface "clean".

diff --git a/htdocs/css/mpd.css b/htdocs/css/mpd.css
index 8931c92..cf908b5 100644 (file)
--- a/htdocs/css/mpd.css
+++ b/htdocs/css/mpd.css
@@ -21,6 +21,13 @@ body {
   margin-top: 2px;
 }
 
+#breadcrump {
+  display: block;
+
+  overflow: auto;
+  white-space: nowrap;
+}
+
 #counter {
   font-size: 24px;
   margin-top: -6px;
@@ -55,8 +62,24 @@ body {
   }
 }
 
-#salamisandwich td:nth-last-child(2), th:nth-last-child(2) {
+h1 {
+  display: block;
+
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+td:nth-child(3), th:nth-child(3) {
+  /* This *has* to be placed before
+     any t[dh]:nth-last-child(2) for
+     the override to work. */
+  width: 50%;
+}
+
+td:nth-last-child(2), th:nth-last-child(2) {
   text-align: right;
+  width: 6em;
 }
 
 #salamisandwich td:nth-child(2) span {
@@ -64,6 +87,14 @@ body {
   font-size:90%;
 }
 
+td:nth-child(2), td:nth-last-child(3) {
+  max-width: 0;
+
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 tbody {
   cursor: pointer;
 }
@@ -77,7 +108,7 @@ td:last-child, td:first-child {
   z-index: 9999;
 }
 
-/* Positioning */ 
+/* Positioning */
 .notifications.top-right {
   right: 10px;
   top: 60px;