diff --git a/FullstackProsjekt/src/frontend/src/assets/main.css b/FullstackProsjekt/src/frontend/src/assets/main.css index 0fdbc41e8198fc577b4b862f3711c9a2e0616f92..690e042f411a9b4cfbd1688318775d496251051d 100644 --- a/FullstackProsjekt/src/frontend/src/assets/main.css +++ b/FullstackProsjekt/src/frontend/src/assets/main.css @@ -4,7 +4,6 @@ body { background-color: #F2F2F2; } - input { padding: 5px; border-radius: 5px; @@ -76,6 +75,14 @@ select{ color: #FFFFFF; border-radius: 10px; } +.play-btn:hover { + background-color: #425575; + transition: 0.4s ; +} +.play-btn:active{ + background-color: #425575; + transition: 0.2s ; +} .edit-btn{ padding: 10px; text-decoration: none; diff --git a/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue b/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue index a56765a8b59ef4d2ec94ebb3efebabbb345b259e..bb4ef37274d13e191ae7a5f9824cba62991f2eba 100644 --- a/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue +++ b/FullstackProsjekt/src/frontend/src/components/shared/create-quiz/QuizCard.vue @@ -68,9 +68,7 @@ export default { </template> <style> -.overViewQuestion-page{ - padding: 50px; -} + .quiz-header{ display: flex; @@ -89,4 +87,8 @@ export default { padding-left: 25px; padding-right: 25px; } + +.play-btn { + margin-right: 10px; +} </style> \ No newline at end of file diff --git a/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue b/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue index 3ce325dc7a6aaadb90dfa8cdf0b11ac17693f6ff..a72fd5f2902f6602a955d01a0672462a546f7a1b 100644 --- a/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue +++ b/FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue @@ -79,8 +79,5 @@ export default { justify-content: space-between; } -#quizCard { - width: calc(50% - 10px); -} </style> \ No newline at end of file