From e9f848d39f922423d4e04da6d4b92c631ee727e3 Mon Sep 17 00:00:00 2001
From: Masahiko AMANO <hiko-19@ya.ru>
Date: Mon, 30 Jan 2023 22:03:48 +0300
Subject: [PATCH] perf(web): make list elements justified

---
 web/public/css/tfm.css | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/web/public/css/tfm.css b/web/public/css/tfm.css
index 32475ca..684132f 100644
--- a/web/public/css/tfm.css
+++ b/web/public/css/tfm.css
@@ -17,13 +17,18 @@ main {
 .contents-wrapper {
 	width: 100%;
 	height: 100%;
-	justify-content: flex-start;
+	justify-content: space-between;
 	align-items: flex-start;
 	flex-wrap: wrap;
 	overflow-y: scroll;
 	overflow-x: hidden;
 }
 
+.contents-wrapper:after {
+	content: "";
+	flex: auto;
+}
+
 .menu-wrapper {
 	display: none;
 	flex-direction: column;
@@ -61,7 +66,7 @@ form {
 	flex: 1 1 auto;
 	display: flex;
 	flex-direction: row;
-	justify-content: flex-start;
+	justify-content: space-between;
 	align-content: flex-start;
 	align-items: flex-start;
 	flex-wrap: wrap;
@@ -72,6 +77,11 @@ form {
 	overflow-x: hidden;
 }
 
+.list:after {
+	content: "";
+	flex: auto;
+}
+
 .sasa {
 	position: relative;
 	margin: 16px;