diff --git a/styles/App.css b/styles/App.css index 98f3935..602441e 100644 --- a/styles/App.css +++ b/styles/App.css @@ -218,8 +218,6 @@ ul.bottomOfThePageOptions li img { padding: 1vh 0vw; } - - .popUpImgArea { height: 15%; width: 100%; @@ -272,6 +270,20 @@ ul.bottomOfThePageOptions li img { list-style-position: inside; } +.mainHelpTextSection::-webkit-scrollbar { + width: 2vh; +} + +.mainHelpTextSection::-webkit-scrollbar-track { + box-shadow: inset 0 0 5px grey; + border-radius: 10px; +} + +.mainHelpTextSection::-webkit-scrollbar-thumb { + background: var(--yellow); + border-radius: 10px; +} + /* leaderboard modal */ @@ -320,12 +332,14 @@ ul.bottomOfThePageOptions li img { background: none; border: none; font-size: 2.8vh; + cursor: pointer; } #chooseModeLeaderboard option { color: rgb(121, 121, 241); font-size: 2.8vh; background-color: black; + cursor: pointer; } #leaderboardResults { @@ -598,15 +612,34 @@ li.quiz-answer img { #tableWithResults { overflow-y: scroll; + border-bottom: 2px solid darkgray; + margin: 1.5vh; } +#tableWithResults::-webkit-scrollbar { + width: 2vh; + } + +#tableWithResults::-webkit-scrollbar-track { + box-shadow: inset 0 0 5px grey; + border-radius: 10px; + } + +#tableWithResults::-webkit-scrollbar-thumb { + background: var(--optionBlue); + border-radius: 10px; + } + #tableWithResults table { width: 100%; } #tableWithResults th { border-bottom: 2px solid darkgray; - color: black + color: black; + position: sticky; + top: 0; + background-color: white; } .tableWithResultsQA {