From bd8c38ed4958ae1522700a80db5da57833f57955 Mon Sep 17 00:00:00 2001 From: Thibaud Colas Date: Mon, 22 Jan 2024 08:29:02 +0000 Subject: [PATCH] Only apply set widths to actions styles within footer --- client/scss/components/_footer.scss | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/client/scss/components/_footer.scss b/client/scss/components/_footer.scss index ee67a3d508..a7ba6f3fb5 100644 --- a/client/scss/components/_footer.scss +++ b/client/scss/components/_footer.scss @@ -81,7 +81,7 @@ } // Footer control bar for performing actions on the page -.actions { +.footer .actions { width: 100%; @include media-breakpoint-up(sm) { @@ -93,18 +93,18 @@ width: 310px; } } +} - .button { - @apply w-leading-none w-inline-flex w-items-center; - font-weight: 600; - padding: 0 theme('spacing.3'); - white-space: initial; +.actions .button { + @apply w-leading-none w-inline-flex w-items-center; + font-weight: 600; + padding: 0 theme('spacing.3'); + white-space: initial; - .icon { - width: theme('spacing.4'); - margin-inline-end: theme('spacing.2'); - flex-shrink: 0; - } + .icon { + width: theme('spacing.4'); + margin-inline-end: theme('spacing.2'); + flex-shrink: 0; } }