diff --git a/tubearchivist/home/templates/home/channel_id.html b/tubearchivist/home/templates/home/channel_id.html
index b372237..11994d7 100644
--- a/tubearchivist/home/templates/home/channel_id.html
+++ b/tubearchivist/home/templates/home/channel_id.html
@@ -54,35 +54,43 @@
+
diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index 43bd4f9..0ddf32c 100644
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@@ -566,6 +566,28 @@ button:hover {
margin-bottom: 10px;
}
+.overwrite-form {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ width: 100%;
+}
+
+.overwrite-form button {
+ width: 200px;
+}
+
+.overwrite-form-item {
+ margin-bottom: 1rem;
+}
+
+.overwrite-form-item input {
+ width: 90%;
+}
+
+.hidden-overwrite {
+ display: none;
+}
+
/* login */
.login-page {
display: flex;
@@ -1062,7 +1084,10 @@ button:hover {
.channel-list.grid,
.video-item.list,
.playlist-list.list,
- .playlist-list.grid {
+ .playlist-list.grid,
+ .info-box-2,
+ .info-box-3,
+ .overwrite-form {
grid-template-columns: 1fr;
}
.playlist-item.list {
@@ -1101,10 +1126,6 @@ button:hover {
.sort select {
margin: unset;
}
- .info-box-2,
- .info-box-3 {
- grid-template-columns: 1fr;
- }
.description-box {
display: block;
}
diff --git a/tubearchivist/static/script.js b/tubearchivist/static/script.js
index 3f3a348..bc9696d 100644
--- a/tubearchivist/static/script.js
+++ b/tubearchivist/static/script.js
@@ -883,6 +883,15 @@ function showForm() {
animate('animate-icon', 'pulse-img');
}
+function showOverwrite() {
+ var overwriteDiv = document.getElementById("overwrite-form");
+ if (overwriteDiv.classList.contains("hidden-overwrite")) {
+ overwriteDiv.classList.remove("hidden-overwrite");
+ } else {
+ overwriteDiv.classList.add("hidden-overwrite")
+ }
+}
+
function animate(elementId, animationClass) {
var toAnimate = document.getElementById(elementId);
if (toAnimate.className !== animationClass) {