From de05d94bd44053e04a5e8f46ff42786071c827af Mon Sep 17 00:00:00 2001
From: lopar <lopar.4ever@gmail.com>
Date: Sun, 5 Jul 2020 18:45:59 +0300
Subject: [PATCH] =?UTF-8?q?Flexbox=20=D0=B4=D0=BB=D1=8F=20=D1=81=D1=82?=
 =?UTF-8?q?=D0=B0=D1=82=D0=BE=D0=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 classes/User.php |  9 +++++++++
 css/main.css     | 14 ++++++++++++++
 2 files changed, 23 insertions(+)

diff --git a/classes/User.php b/classes/User.php
index cb5fe59..25bfca9 100644
--- a/classes/User.php
+++ b/classes/User.php
@@ -295,7 +295,16 @@ USERINFO;
         echo sprintf('<img src="i/zodiac/%s.png" alt="Родовой знак">', star_sign($this->borndate));
         echo '</div>';
         echo '<div class="user-info">';
+        echo '<div class="stats-container">';
+        echo '<div class="column">';
+        echo 'Уровень<br>Сила<br>Ловкость<br>Интуиция<br>Выносливость<br>Интеллект<br>Мудрость<br>Находится в:';
+        echo '</div>';
+        echo '<div class="column">';
+        echo $this->level.PHP_EOL.$this->strength.PHP_EOL.$this->dexterity.PHP_EOL.$this->intuition.PHP_EOL.$this->endurance.PHP_EOL.$this->intelligence.PHP_EOL.$this->wisdom.PHP_EOL.$this->getRoomName($this->room);
+        echo '</div>';
+        echo '</div>';
         echo <<<USERINFO
+<hr>
 Уровень {$this->level} <br>
 Сила {$this->strength} <br>
 Ловкость {$this->dexterity} <br>
diff --git a/css/main.css b/css/main.css
index 8def498..5e84bae 100644
--- a/css/main.css
+++ b/css/main.css
@@ -370,11 +370,25 @@ div.user-info-container > div.slot-lower {
     text-align: center;
 }
 
+div.user-info-container > div.slot-lower > img {
+    margin: 1px;
+}
+
 div.user-info-container > div.user-info {
     grid-column: 4;
     grid-row: 1 / 6;
 }
 
+div.user-info-container > div.user-info > div.stats-container {
+    display: flex;
+    width: 350px;
+}
+
+div.user-info-container > div.user-info > div.stats-container > div.column {
+    flex: 50%;
+    padding: 10px;
+}
+
 div.user-info-container > div.user-signs {
     grid-column: 5;
     grid-row: 1 / 6;