From 7da7fd4e07a9ee644cc7690896065f15d1638951 Mon Sep 17 00:00:00 2001
From: Maddy <113420588+MaddyPaddy2001@users.noreply.github.com>
Date: Sat, 6 Apr 2024 16:10:50 +0200
Subject: [PATCH] Add new layout to the quizzes in OverviewQuizView.vue

---
 FullstackProsjekt/src/frontend/src/assets/main.css       | 9 ++++++++-
 .../src/components/shared/create-quiz/QuizCard.vue       | 8 +++++---
 .../src/frontend/src/views/OverviewQuizView.vue          | 3 ---
 3 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/FullstackProsjekt/src/frontend/src/assets/main.css b/FullstackProsjekt/src/frontend/src/assets/main.css
index 0fdbc41..690e042 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 a56765a..bb4ef37 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 3ce325d..a72fd5f 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
-- 
GitLab