From e4f831ceef7d7ee1eb90775e560fd416a4605e11 Mon Sep 17 00:00:00 2001
From: "Alexander \"Arav\" Andreev" <me@arav.top>
Date: Fri, 11 Feb 2022 02:56:14 +0400
Subject: [PATCH] input file, and button was styled. Also some minor refactor.

---
 internal/handlers/web/assets/css/main.css | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

diff --git a/internal/handlers/web/assets/css/main.css b/internal/handlers/web/assets/css/main.css
index 19e862d..b046a13 100644
--- a/internal/handlers/web/assets/css/main.css
+++ b/internal/handlers/web/assets/css/main.css
@@ -16,7 +16,7 @@
 	--background-color: #0a0a0a;
 	--primary-color: #cd2682;
 	--secondary-color: #9f2b68;
-	--text-color: #f5f5f5; 
+	--text-color: #f5f5f5;
 	--text-indent: 1.6rem;
 	scrollbar-color: var(--primary-color) var(--background-color); }
 
@@ -39,16 +39,24 @@ button {
 	text-decoration: none; }
 
 a:hover,
-button:hover {
+button:hover,
+input[type="file"]::file-selector-button:hover  {
 	color: var(--secondary-color);
 	cursor: pointer;
 	text-decoration: underline dotted;
 	transition: .5s; }
 
+input[type="file"] {
+	color: var(--text-color);
+	font: inherit; }
+
+input[type="file"]::file-selector-button,
 button {
 	background: none;
 	border: none;
+	color: var(--primary-color);
 	font: inherit;
+	margin-left: .3rem;
 	padding: 0; }
 
 p {
@@ -77,16 +85,14 @@ h2 {
 small { font-size: .8rem; }
 
 progress {
-	background-color: var(--primary-color);
+	background-color: var(--secondary-color);
 	border: none;
 	color: var(--primary-color);
 	height: 1.1rem;
-	width: 30%;
-}
+	width: 30%; }
 
 progress::-moz-progress-bar {
-	background-color: var(--secondary-color);
-}
+	background-color: var(--primary-color); }
 
 .center { text-align: center; }
 
@@ -136,8 +142,7 @@ nav h1 {
 section { margin-top: 1rem; }
 
 #used-space div span {
-	margin: 0 .2rem;
-}
+	margin: 0 .2rem; }
 
 footer {
 	font-size: .8rem;