From 347a4de48a4172c1f20eb3a07a518571ed827218 Mon Sep 17 00:00:00 2001
From: alterdekim <alterwain@protonmail.com>
Date: Tue, 16 Jul 2024 18:52:07 +0300
Subject: [PATCH] style fix 3

---
 src/main/resources/static/css/game.css | 12 ++++++++++-
 src/main/resources/templates/game.html | 30 ++++++++++++++++++--------
 2 files changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/main/resources/static/css/game.css b/src/main/resources/static/css/game.css
index 563c038..a548af7 100644
--- a/src/main/resources/static/css/game.css
+++ b/src/main/resources/static/css/game.css
@@ -204,15 +204,25 @@ body {
 	margin-right: 40px;
 }
 .player-stats {
-    font-size: 12px;
+    font-size: 0;
     list-style-type: none;
+    margin-right: 5px;
 }
 .player-stats>li {
+    font-size: 10px;
     text-align: end;
 }
+.player-stats>li>i {
+    font-size: 10px;
+    vertical-align: middle;
+}
 .player-stats-title {
     font-size: 14px;
 }
+.player-info {
+    float: right;
+    height: 100%;
+}
 .player {
 	margin-top: 10px;
 	background-color: #15191a;
diff --git a/src/main/resources/templates/game.html b/src/main/resources/templates/game.html
index 0d574b8..9ab06c4 100644
--- a/src/main/resources/templates/game.html
+++ b/src/main/resources/templates/game.html
@@ -30,20 +30,32 @@
 		<div class="wrapper" style="width: 100%; height: 100%">
 			<div class="game">
 				<div class="players">
-					<!--<div class="player" th:data-pid="${p.id}" onClick="drop(this)">
+					<!--
+					<div class="player" th:data-pid="${p.id}" onclick="drop(this)">
 						<div class="player-info">
-							<div></div> player avatar
 							<div class="player-stats">
-								<li class="player-stats-title">10,000</li>
-								<li>40,159</li>
-								<li>50%</li>
-								<li>1,000</li>
+								<li class="player-stats-title">
+									<i class="material-icons">attach_money</i>
+									<span class="player-money">10,000</span>
+								</li>
+								<li>
+									<i class="material-icons">functions</i>
+									<span class="player-sum">40,159</span>
+								</li>
+								<li>
+									<i class="material-icons">assured_workload</i>
+									<span class="player-workload">50%</span>
+								</li>
+								<li>
+									<i class="material-icons">savings</i>
+									<span class="player-deposit">1,000</span>
+								</li>
 							</div>
 						</div>
 						<p class="nickname" th:text="${p.name}"></p>
-						<p class="money" th:text="${p.money}"></p>
-						<div class="dropbox" style="display: none"></div> margin-top: -35px;
-					</div>-->
+						<div class="dropbox" style="display: none"></div>
+					</div>
+					-->
 				</div>
 				<div class="table">
 					<div class="table_center">