From 7de635869b118225e757198960740fc9301ed6a9 Mon Sep 17 00:00:00 2001
From: XkijuX <sanderhegland@gmail.com>
Date: Thu, 5 May 2022 20:43:59 +0200
Subject: [PATCH] Fixed css

---
 .../ChatComponents/RentalMessage.vue           | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/ChatComponents/RentalMessage.vue b/src/components/ChatComponents/RentalMessage.vue
index 8dab267..dc414e6 100644
--- a/src/components/ChatComponents/RentalMessage.vue
+++ b/src/components/ChatComponents/RentalMessage.vue
@@ -23,10 +23,10 @@
       <button class="button red" @click="reject">Avslå</button>
     </div>
     <div class="" v-if="rent.isAccepted">
-      <h1 class="green">Godtatt</h1>
+      <h1 class="approved">Godtatt</h1>
     </div>
     <div class="" v-if="rent.deleted">
-      <h1 class="red">Avslått</h1>
+      <h1 class="declined">Avslått</h1>
     </div>
   </div>
 </template>
@@ -110,6 +110,20 @@ export default {
   text-decoration: underline;
 }
 
+.approved {
+  color: darkgreen;
+  font-weight: bold;
+  text-align: center;
+  margin: 0.5rem;
+}
+
+.declined {
+  color: darkred;
+  font-weight: bold;
+  text-align: center;
+  margin: 0.5rem;
+}
+
 @media (max-width: 1200px) {
   .img-container {
     max-width: 30%;
-- 
GitLab