From fa0ef08e6f9adfec9024a406c1cfbecf07b003f8 Mon Sep 17 00:00:00 2001
From: poiuty <poiuty@protonmail.com>
Date: Wed, 14 Jun 2023 16:21:39 +0300
Subject: [PATCH] update

---
 css/statbate.css | 57 +++++++++++++++++++++++++++++++++++++++++++++++-
 index.html       | 36 ++++++++++++++++++++++++++----
 2 files changed, 88 insertions(+), 5 deletions(-)

diff --git a/css/statbate.css b/css/statbate.css
index d1aee51..2710266 100644
--- a/css/statbate.css
+++ b/css/statbate.css
@@ -74,6 +74,54 @@ body {
 	border-bottom: 1px solid #dee2e6;
 }
 
+.content_center {
+    border-bottom: 1px solid #dee2e6;
+    padding-top: 12px;
+    padding-bottom: 12px;
+    display: flex;
+    grid-gap: 12px;
+}
+
+.content_wslog {
+	width: 468px;
+	height: 150px;
+	background-color: #efefef;
+	border-radius: 4px;
+}
+
+.content_table {
+	width: 265px;
+}
+
+.fin_table {
+	width: 100%;
+	height: 150px;
+	text-align: center;
+	border-spacing: 0;
+	border-collapse: separate;
+	border: 1.5px solid #dee2e6;
+	border-radius: 4px;
+}
+
+.fin_table th {
+	padding: 4px 0px;
+	font-weight: normal;
+	border-bottom: 1.5px solid #dee2e6;
+}
+
+.fin_table td {
+	padding: 5px 25px;
+	border-bottom: 1.5px solid #dee2e6;
+}
+
+.fin_table td:last-child {
+	border-left: 1.5px solid #dee2e6;
+}
+
+.fin_table tr:last-child td {
+	border-bottom: none;
+}
+
 .footer {
 	margin-top: 12px;
 }
@@ -177,7 +225,6 @@ body {
 	text-decoration: none;
 }
 
-
 .color_first {
    background-color: #dfdfdf;
 }
@@ -201,6 +248,14 @@ body {
 		border-radius: 8px;
 		display: block;
 	}
+	.content_center {
+		flex-direction: column-reverse;
+		padding-top: 0;
+	}
+	.content_wslog,
+	.content_table {
+		width: 100%;
+	}
 }
 
 @media (any-hover: hover) {
diff --git a/index.html b/index.html
index b8f2a8e..61b0dc9 100644
--- a/index.html
+++ b/index.html
@@ -55,14 +55,42 @@
 		</div>
 		<!-- header mobile end -->
 		
+		<!-- content start -->
 		<div class="content">
-		
 			<div class="income_chart"></div>
 			
-		
-			
+			<div class="content_center">
+				<div class="content_wslog"></div>
+				<div class="content_table">
+					<table class="fin_table">
+						<tbody>
+							<tr>
+								<th colspan="2">Statistics for the last month</th>
+							</tr>
+						</tbody>
+						<tbody>
+							<tr>
+								<td>Income</td>
+								<td>$21,927,125</td>
+							</tr>
+							<tr>
+								<td>Average</td>
+								<td>$1116</td>
+							</tr>
+							<tr>
+								<td>Average tip</td>
+								<td>$0.91</td>
+							</tr>
+							<tr>
+								<td>One token</td>
+								<td>$0.05</td>
+							</tr>
+						</tbody>
+					</table>
+				</div>
+			</div>
 		</div>
-
+		<!-- content end -->
 		
 		<!-- footer start -->
 		<div class="footer">