Compact chat view and unify header controls

app/static/css/style.css

@@ -50,7 +50,7 @@ body > header {
 .header-inner {
     max-width: 1100px;
     margin: 0 auto;
-    padding: 18px 20px;
+    padding: 8px 20px;
 
     display: flex;
     align-items: center;
@@ -227,9 +227,13 @@ main {
 
 @media (max-width: 600px) {
     .header-inner {
-        padding: 15px;
+        padding: 7px 12px;
     }
 
+    .logo { max-width: 130px; }
+    .brand-logo { width: 130px !important; max-width: 130px !important; height: 40px !important; max-height: 40px !important; }
+    .header-controls .user-menu summary { max-width: 34vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+
     main {
         padding: 22px 15px 80px;
     }
@@ -244,8 +248,7 @@ main {
 
     .header-actions { width: 100%; justify-content: flex-start; }
     .header-actions > a { flex: 1 1 auto; text-align: center; }
-    .header-actions .user-menu { margin-left: 0; }
-    .header-actions .user-menu-panel { left: 0; right: auto; max-width: calc(100vw - 30px); }
+    .header-actions > .header-controls { margin-left: auto; }
 }
 form {
     max-width: 650px;