app/assets/stylesheets/index.css in refine-rails-2.11.2 vs app/assets/stylesheets/index.css in refine-rails-2.11.3

- old
+ new

@@ -1217,34 +1217,53 @@ align-items: start; justify-content: space-between; } .refine--groups-wrapper { - flex-grow: 1; display: flex; gap: 10px; row-gap: 15px; align-items: center; flex-wrap: wrap; } +.refine--or-group { + display: flex; + gap: 10px; + row-gap: 15px; + align-items: center; + flex-wrap: wrap; +} + .refine--filter-control-group { text-wrap: nowrap; flex-wrap: wrap; display: flex; align-items: center; } +@media (max-width: 960px) { + .refine--filter-control-group { + justify-content: end; + width: 25%; + } +} + .refine--group-join, .refine--condition-join { position: relative; padding: 5px 0; width: 35px; text-align: center; border-radius: 6px; cursor: default; &:hover { background-color: #f8f8f8; } +} + +.refine--group-join-stack { + width: 100%; + text-align: left; } .refine--group { display: flex; gap: 10px;