diff --git a/templates/standalone/alerts.lucius b/templates/standalone/alerts.lucius index 4d080cc8d..43a3a0785 100644 --- a/templates/standalone/alerts.lucius +++ b/templates/standalone/alerts.lucius @@ -28,7 +28,7 @@ z-index: 0; max-height: 200px; transition: all .3s ease-in-out; - padding-left: 30px; + padding-left: 20px; margin-left: 20px; margin-right: 60px; box-shadow: 0 0 7px var(--color-dark); @@ -68,6 +68,7 @@ @media (min-width: 768px) { .alert { + padding-left: 30px; margin-left: 40px; min-width: 400px; } @@ -114,6 +115,14 @@ } } +@media (max-width: 768px) { + + .alert__content { + padding: 4px 7px; + padding-left: 20px; + } +} + .alert__close { cursor: pointer; text-align: right; @@ -155,6 +164,13 @@ } } +@media (max-width: 768px) { + + .alert__close { + width: 40px; + } +} + .alert-success { .alert__content {