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 @@
+
-
-
-
+
+
+
+
+
+
+ | Statistics for the last month |
+
+
+
+
+ | Income |
+ $21,927,125 |
+
+
+ | Average |
+ $1116 |
+
+
+ | Average tip |
+ $0.91 |
+
+
+ | One token |
+ $0.05 |
+
+
+
+
+
-
+