diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 4be7087..797fc2c 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -303,14 +303,19 @@ main { } .question-answer { - background-color: var(--clr-white); - border-radius: 1.6rem; + font-size: var(--fs-lg); line-height: 1.4; - padding: 1.6rem 1.2rem; - + & label { + display: block; + padding: 1.6rem 1.2rem; + border-radius: 1.6rem; + background-color: var(--clr-white); + cursor: pointer; + } + & input[type=radio] { position: absolute; opacity: 0; @@ -320,9 +325,12 @@ main { } &:has(input[type=radio]:checked) { - outline: 4px solid var(--clr-text-highlight); - outline-offset: -4px; + & label { + outline: 4px solid var(--clr-text-highlight); + outline-offset: -4px; + } } + } .question-container { @@ -414,6 +422,12 @@ label.question-answer { display: flex; align-items: start; min-height: 4.2em; + cursor: pointer; + padding: 1.6rem 1.2rem; + border-radius: 1.6rem; + background-color: var(--clr-white); + + & input { flex-grow: 1; border: none; @@ -427,7 +441,10 @@ label.question-answer { outline: 4px solid var(--clr-error); outline-offset: -4px; } +} +label { + cursor: pointer; }