resize tab

src/ui/ab.tis

@@ -278,4 +278,13 @@ class MultipleSessions: Reactor.Component {
         handler.set_option('show-sessions-type', el.id || "");
         this.stupidUpdate();
     }
+
+    function onSize() {
+        var w = this.$(.sessions-bar).box(#width) - 220;
+        this.$(#sessions-type span).style.set{
+            "max-width": (w / 2) + "px",
+        };
+    }
 }
+
+view.on("size", function() { app.multipleSessions.onSize(); });

src/ui/index.css

@@ -52,6 +52,9 @@ div.sessions-tab span {
     display: inline-block;
     padding: 6px 12px;
     cursor: pointer;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow-x: hidden;
 }
 
 div.sessions-tab svg {
@@ -66,7 +69,7 @@ div.sessions-tab span.active {
 }
 
 div.search-id {
-    width: 160px;
+    width: 120px;
     padding: 0;
     position: relative;
     display: inline-block;