diff --git a/Gemfile.lock b/Gemfile.lock index 1257c85ac..6d318f00e 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -240,7 +240,7 @@ GEM excon (0.102.0) factory_bot (6.1.0) activesupport (>= 5.0.0) - ffi (1.16.2) + ffi (1.16.3) ffi-compiler (1.0.1) ffi (>= 1.0.0) rake diff --git a/app/assets/stylesheets/dossier_views.scss b/app/assets/stylesheets/dossier_views.scss index 52215ebbe..84feba524 100644 --- a/app/assets/stylesheets/dossier_views.scss +++ b/app/assets/stylesheets/dossier_views.scss @@ -17,8 +17,7 @@ .header-actions { margin-bottom: $default-spacer; display: flex; - justify-content: flex-end; - column-gap: $default-spacer * 2; + } } @@ -54,3 +53,26 @@ } } } + +@media (min-width: 48em) { + .dossier-container { + .header-actions { + flex-direction: row; + justify-content: flex-end; + gap: 0 $default-spacer * 2; + } + } +} + +@media (max-width: 48em) { + .dossier-container .header-actions { + flex-direction: column; + justify-content: stretch; + gap: $default-spacer * 2 0; + + .dropdown-button { + min-width: 100%; + white-space: normal; + } + } +}