Rename and modification date

assets/css/index.css

@@ -126,13 +126,8 @@ body {
 	margin: 10px auto;
 }
 
-@media screen and (max-width: 650px) {
+.itemIconBox {
-	.item {
+	display: flex;
-		width: 90%;
-	}
-}
-.itemIconBox{
-	display:flex;
 	flex-direction: column;
 }
 .itemIcon {
@@ -142,9 +137,18 @@ 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;
+	padding: 5px;
 }
 .itemBody {
 	height: 90%;
@@ -159,11 +163,11 @@ body {
 	margin-top: 10px;
 	font-family: sans-serif;
 }
-.progressBar{
+.progressBar {
-	width:90%;
+	width: 90%;
 }
-.itemSpeed{
+.itemSpeed {
-	padding:10px 5px 5px 5px;
+	padding: 10px 5px 5px 5px;
 }
 .itemClose {
 	position: absolute;
@@ -239,7 +243,7 @@ body {
 	padding: 8px;
 	color: var(--text);
 }
-#videoToggle{
+#videoToggle {
 	background-color: var(--box-toggleOn);
 }
 
@@ -334,12 +338,12 @@ input[type="number"]::-webkit-outer-spin-button {
 #errorDetails {
 	cursor: pointer;
 	font-family: monospace;
-	padding:15px;
+	padding: 15px;
 	margin: 10px 0;
 	border: 2px solid rgb(189, 0, 0);
 	border-radius: 8px;
 	display: none;
-	transition: .5s all;
+	transition: 0.5s all;
 }
 #loadingWrapper {
 	/* Default is flex */
@@ -471,16 +475,25 @@ body::-webkit-scrollbar-thumb {
 	cursor: pointer;
 }
 
-#popupText{
+#popupText {
 	display: none;
-	position:fixed;
+	position: fixed;
-	left:25px;
+	left: 25px;
 	bottom: 20px;
-	padding:10px;
+	padding: 10px;
 	border-radius: 2px;
-	color:white;
+	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)";