Adjustments to play, edit and delete button

FullstackProsjekt/src/frontend/src/assets/main.css

@@ -29,7 +29,7 @@ body {
 
 
 .play-btn{
-    padding: 5px;
+    padding: 10px;
     text-decoration: none;
     background-color: #242F40;
     border-color: transparent;
@@ -37,7 +37,7 @@ body {
     border-radius: 10px;
 }
 .edit-btn{
-    padding: 5px;
+    padding: 10px;
     text-decoration: none;
     background-color: #CCA43B;
     border-color: transparent;
@@ -45,7 +45,7 @@ body {
     border-radius: 10px;
 }
 .delete-btn{
-    padding: 3px;
+    padding: 8px;
     background-color: #cc513b;
     border-color: transparent;
     color: #242F40;

FullstackProsjekt/src/frontend/src/views/OverviewQuizView.vue

@@ -21,7 +21,7 @@ export default defineComponent({
 
 				<div class="quiz-header">
 				<h3>Quiz 1</h3>
-				<Svg name="cooking-category"/>
+				<Svg name="computer-category"/>
 				</div>
 
 				<div class="quiz-body">
@@ -30,10 +30,14 @@ export default defineComponent({
 					<div id="form-box">
 						<form>
 							<select id="quiz-category">
-								<option value="IT" selected="selected">IT</option>
-								<option value="Nature">Nature</option>
-								<option value="Chemistry">Chemistry</option>
+								<option value="Animal">Animals</option>
+								<option value="Athletic">Athletic/Sport</option>
+								<option value="Computer" selected="selected">Computer Science</option>
+								<option value="Drama">Drama/Movie</option>
+								<option value="Music">Music</option>
 								<option value="Religion">Religion</option>
+								<option value="Science">Science</option>
+								<option value="Society">Society</option>
 								<option value="Other">Other</option>
 							</select>
 						</form>
@@ -45,9 +49,9 @@ export default defineComponent({
 					<router-link to="/createQuiz" class="edit-btn">Edit</router-link>
 					<button class="delete-btn"> Delete</button>
 				</div>
-
 			</div>
 		</div>
+
 		</div>
 	</body>
 
@@ -55,9 +59,9 @@ export default defineComponent({
 
 <style>
 .overViewQuestion-page{
-	padding: 20px;
-
+	padding: 50px;
 }
+
 .quiz-header{
 	display: flex;
 	justify-content: space-between;
@@ -65,7 +69,7 @@ export default defineComponent({
 	margin-bottom: 20px;
 }
 .quiz-body{
-	margin-bottom: 10px;
+	margin-bottom: 40px;
 }
 #quiz-category{
 	padding: 1px;
@@ -75,8 +79,9 @@ export default defineComponent({
 }
 .quiz-footer{
 	display: flex;
-	justify-content: space-between;
+	justify-content: space-evenly;
 	align-items: center;
-	margin-bottom: 20px;
+	padding-left: 25px;
+	padding-right: 25px;
 }
 </style>
\ No newline at end of file