Rename and modification date

assets/css/index.css

@@ -126,11 +126,6 @@ body {
 	margin: 10px auto;
 }
 
-@media screen and (max-width: 650px) {
-	.item {
-		width: 90%;
-	}
-}
 .itemIconBox {
 	display: flex;
 	flex-direction: column;
@@ -142,6 +137,15 @@ body {
 	margin: 0 10px 0 0;
 }
 
+.title {
+	padding: 10px;
+	border-radius: 8px;
+	border: none;
+	outline: none;
+	width: 45%;
+	text-align: center;
+}
+
 .itemTitle {
 	font-family: sans-serif;
 	padding: 5px;
@@ -339,7 +343,7 @@ input[type="number"]::-webkit-outer-spin-button {
 	border: 2px solid rgb(189, 0, 0);
 	border-radius: 8px;
 	display: none;
-	transition: .5s all;
+	transition: 0.5s all;
 }
 #loadingWrapper {
 	/* Default is flex */
@@ -481,6 +485,15 @@ body::-webkit-scrollbar-thumb {
 	color: white;
 	background-color: rgb(80, 80, 224);
 	cursor: pointer;
-	transition: .5s all;
+	transition: 0.5s all;
 	z-index: 2;
 }
+
+@media screen and (max-width: 650px) {
+	.item {
+		width: 90%;
+	}
+	.title {
+		width: 80%;
+	}
+}

src/renderer.js

@@ -343,7 +343,7 @@ async function getInfo(url) {
 
 			getId("loadingWrapper").style.display = "none";
 			getId("hidden").style.display = "inline-block";
-			getId("title").innerHTML = `<b>${i18n.__("Title ")}</b>: ` + title;
+			getId("title").innerHTML = `<b>${i18n.__("Title ")}</b>: ` + `<input class="title" id="titleName" type="text" value="${title}" onchange="renameTitle()">`;
 
 			let audioSize = 0;
 			let defaultVideoFormat = 0;
@@ -932,6 +932,7 @@ function download(
 				configTxt,
 				cookieArg,
 				browser,
+				"--no-mtime",
 				`"${url}"`,
 			],
 			{ shell: true, detached: false },
@@ -961,6 +962,7 @@ function download(
 				browser,
 				configArg,
 				configTxt,
+				"--no-mtime",
 				`"${url}"`,
 			],
 			{ shell: true, detached: false },
@@ -990,6 +992,7 @@ function download(
 				browser,
 				configArg,
 				configTxt,
+				"--no-mtime",
 				`"${url}"`,
 			],
 			{ shell: true, detached: false },
@@ -1127,6 +1130,13 @@ function showItem(location, filename) {
 	shell.showItemInFolder(`${path.join(location, filename)}`);
 }
 
+// Rename title
+
+function renameTitle(){
+	title = getId("titleName").value
+	console.log(title)
+}
+
 // Opening windows
 function closeMenu() {
 	getId("menuIcon").style.transform = "rotate(0deg)";