diff --git a/hubzilla/addon/assoc_profile/view/css/assoc_profile.css b/hubzilla/addon/assoc_profile/view/css/assoc_profile.css index c5f4c0d..417877c 100644 --- a/hubzilla/addon/assoc_profile/view/css/assoc_profile.css +++ b/hubzilla/addon/assoc_profile/view/css/assoc_profile.css @@ -54,7 +54,7 @@ /* Search and filter bar */ .assoc-search-bar { display: flex; - flex-wrap: wrap; + flex-wrap: nowrap; gap: var(--civicinfra-space-2, 0.5rem); align-items: center; padding: var(--civicinfra-space-2, 0.5rem) var(--civicinfra-space-3, 0.75rem); @@ -62,12 +62,22 @@ border: 1px solid var(--civicinfra-border, #cfc6b6); border-radius: var(--civicinfra-radius, 3px); margin-bottom: var(--civicinfra-space-4, 1rem); + overflow-x: auto; } -.assoc-search-bar .form-control, -.assoc-search-bar .form-select { - font-size: var(--civicinfra-fs-sm, 0.875rem); +/* Search input grows, dropdowns are fixed width */ +.assoc-search-bar input[type="search"] { + flex: 1 1 12rem; + min-width: 8rem; height: 2rem; + font-size: var(--civicinfra-fs-sm, 0.875rem); +} + +.assoc-search-bar select { + flex: 0 0 auto; + width: 9rem; + height: 2rem; + font-size: var(--civicinfra-fs-sm, 0.875rem); } /* Bulk actions bar */