diff --git a/web/static/css/style.css b/web/static/css/style.css
index ba28fa4a..21f0d7eb 100644
--- a/web/static/css/style.css
+++ b/web/static/css/style.css
@@ -42301,6 +42301,12 @@ html[data-theme="dark"] .workflow-toolbar #workflow-connect-btn[aria-pressed="tr
max-height: none;
}
+.rbac-panel-users > .rbac-panel-head,
+.rbac-panel-users > .rbac-search {
+ /* Keep the fixed controls intact when a long member list needs to shrink. */
+ flex: 0 0 auto;
+}
+
.rbac-panel-users .rbac-list {
flex: 1 1 auto;
min-height: 0;
@@ -42814,19 +42820,23 @@ html[data-theme="dark"] .workflow-toolbar #workflow-connect-btn[aria-pressed="tr
}
.rbac-role-management {
+ display: flex;
+ flex-direction: column;
min-height: 0;
+ overflow: hidden;
padding: 18px;
border-radius: 10px;
}
.rbac-role-management-head {
+ flex: 0 0 auto;
align-items: flex-end;
flex-wrap: wrap;
row-gap: 12px;
}
.rbac-role-management-head > div:first-child {
- flex: 1 1 320px;
+ flex: 1 1 auto;
min-width: 0;
}
@@ -42861,7 +42871,12 @@ html[data-theme="dark"] .workflow-toolbar #workflow-connect-btn[aria-pressed="tr
}
.rbac-role-catalog {
+ flex: 1 1 auto;
+ min-height: 0;
+ overflow-y: auto;
+ overscroll-behavior: contain;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
+ align-content: start;
align-items: stretch;
}
diff --git a/web/templates/index.html b/web/templates/index.html
index 109d8ace..7229f601 100644
--- a/web/templates/index.html
+++ b/web/templates/index.html
@@ -39,7 +39,7 @@
}
})();
-
+