From c8480c39379292ea8061ff3885ada74e907a39bd Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Sat, 14 Oct 2023 10:06:13 +0200
Subject: [PATCH] gameproposal: move game.message color to css

---
 webapp/src/GameProposal.css |  4 ++++
 webapp/src/GameProposal.js  | 10 ++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/webapp/src/GameProposal.css b/webapp/src/GameProposal.css
index 19482db..76a3055 100644
--- a/webapp/src/GameProposal.css
+++ b/webapp/src/GameProposal.css
@@ -15,6 +15,10 @@
     margin: 5px;
 }
 
+.GameProposal .li p q {
+    color: gray;
+}
+
 .separator {
     width: 20%; 
     /* height: 20px;  */
diff --git a/webapp/src/GameProposal.js b/webapp/src/GameProposal.js
index 9d39e3b..35a22f4 100644
--- a/webapp/src/GameProposal.js
+++ b/webapp/src/GameProposal.js
@@ -19,8 +19,9 @@ const GameProposal = ({games}) => {
     .map(game => { return (
       <div class="li" key={game.uuid}>
         <p>
-          from {game.opponentName}, opponentColor {game.opponentColor}<br/>
-          <q color="grey">{game.message}</q>
+          from {game.opponentName}, opponentColor {game.opponentColor}
+          <br/>
+          <q>{game.message}</q>
         </p>
       </div>
     )});
@@ -30,8 +31,9 @@ const GameProposal = ({games}) => {
     .map(game => { return (
       <div class="li" key={game.uuid}>
         <p> 
-          to {game.opponentName}, opponentColor ⛀ ⛂{game.opponentColor}<br/>
-          <q color="grey">{game.message}</q>
+          to {game.opponentName}, opponentColor ⛀ ⛂{game.opponentColor}
+          <br/>
+          <q>{game.message}</q>
         </p>
       </div>
     )});