From d1334001038b91031560280626a337de51abddce Mon Sep 17 00:00:00 2001
From: Masahiko AMANO <hiko-19@ya.ru>
Date: Sun, 12 Feb 2023 16:57:38 +0300
Subject: [PATCH] perf(web): improve design

---
 web/public/css/tfm.css | 29 +++++++----------------------
 1 file changed, 7 insertions(+), 22 deletions(-)

diff --git a/web/public/css/tfm.css b/web/public/css/tfm.css
index ce5f5f1..853cd27 100644
--- a/web/public/css/tfm.css
+++ b/web/public/css/tfm.css
@@ -45,25 +45,17 @@ main {
 }
 
 .menu {
+	margin: 0;
+	width: 100%;
+	max-width: 120vmin;
 	display: flex;
 	flex-direction: column;
 	justify-content: flex-start;
 	background-color: #334;
 	box-shadow: 0 0 0.5vw black;
-	border-radius: 16px;
-	margin: 10px;
-	width: calc(100% - 20px);
-	max-width: 120vmin;
+	border-radius: 0;
 	height: 100%;
 	transition: 0.3s;
-	overflow: hidden;
-}
-
-#menu-file-view .menu {
-	margin: 0;
-	width: 100%;
-	max-width: 120vmin;
-	border-radius: 0;
 	overflow-x: hidden;
 	overflow-y: scroll;
 }
@@ -99,7 +91,6 @@ main {
 form {
 	flex: 1 1 auto;
 	padding: 2vw 2vw;
-	min-height: 0;
 }
 
 .form-group.row {
@@ -119,6 +110,7 @@ form {
 
 .list {
 	flex: 1 1 auto;
+	height: 50vh;
 	display: flex;
 	flex-direction: row;
 	justify-content: space-between;
@@ -132,14 +124,6 @@ form {
 	overflow-x: hidden;
 }
 
-#menu-file-view form {
-	min-height: initial;
-}
-
-#menu-file-view .list {
-	height: 50vh;
-}
-
 .list:after {
 	content: "";
 	flex: auto;
@@ -204,6 +188,7 @@ form {
 	left: 0;
 	right: 0;
 	margin: 0;
-	padding: .5rem 0;
+	padding-top: .5rem;
+	padding-bottom: .8rem;
 	background-color: #334;
 }