diff --git a/Modals/HelpModalSvelte.svelte b/Modals/HelpModalSvelte.svelte index 0e7ea2f..7c23470 100644 --- a/Modals/HelpModalSvelte.svelte +++ b/Modals/HelpModalSvelte.svelte @@ -72,50 +72,46 @@
selectTopic(1)} on:keydown={(e) => e.key === 'Enter' && selectTopic(1)} role="button" tabindex="0"> -
+
{topics[1].title}
selectTopic(2)} on:keydown={(e) => e.key === 'Enter' && selectTopic(2)} role="button" tabindex="0"> -
+
{topics[2].title}
selectTopic(3)} on:keydown={(e) => e.key === 'Enter' && selectTopic(3)} role="button" tabindex="0"> -
+
{topics[3].title}
selectTopic(4)} on:keydown={(e) => e.key === 'Enter' && selectTopic(4)} role="button" tabindex="0"> -
+
{topics[4].title}
@@ -208,19 +204,19 @@ background-color: transparent; } - #help-modal-topic-frame-1 { + .help-modal-topic-frame:nth-child(1) { grid-row: 1; } - #help-modal-topic-frame-2 { + .help-modal-topic-frame:nth-child(2) { grid-row: 3; } - #help-modal-topic-frame-3 { + .help-modal-topic-frame:nth-child(3) { grid-row: 5; } - #help-modal-topic-frame-4 { + .help-modal-topic-frame:nth-child(4) { grid-row: 7; } @@ -243,19 +239,19 @@ color: var(--text-normal); } - #help-modal-topic-item-1 { + .help-modal-topic-item:nth-child(1) { grid-row: 1; } - #help-modal-topic-item-2 { + .help-modal-topic-item:nth-child(2) { grid-row: 3; } - #help-modal-topic-item-3 { + .help-modal-topic-item:nth-child(3) { grid-row: 5; } - #help-modal-topic-item-4 { + .help-modal-topic-item:nth-child(4) { grid-row: 7; }