gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: button width and text not matching (#43380)

Browse Source
This commit is contained in:
EhEhRon91
2021-09-07 10:48:25 -04:00
committed by GitHub
parent ec4821a707
commit 88385e46bb
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
client/src/templates/Challenges/components/completion-modal.css
View File

@ -35,6 +35,11 @@
animation: success-icon-animation 150ms linear 100ms forwards; animation: success-icon-animation 150ms linear 100ms forwards;
} }
.challenge-success-modal .btn-cta-big {
max-width: 100%;
font-size: 1.3rem;
}
@keyframes success-icon-animation { @keyframes success-icon-animation {
100% { 100% {
opacity: 1; opacity: 1;
@ -95,9 +100,12 @@
@media screen and (max-width: 991px) { @media screen and (max-width: 991px) {
.challenge-success-modal .btn-lg { .challenge-success-modal .btn-lg {
font-size: 16px; font-size: 1rem;
}
.challenge-success-modal .btn-cta-big {
max-width: 100%;
font-size: 1rem;
} }
.completion-modal-body { .completion-modal-body {
min-height: 340px; min-height: 340px;
} }