From 9b69a8dc91b324f664fd7cf6b60cc98ffa74badd Mon Sep 17 00:00:00 2001
From: simon <simobilleter@gmail.com>
Date: Thu, 27 Oct 2022 16:15:32 +0700
Subject: [PATCH] fix mobile view-controls break

---
 tubearchivist/home/templates/home/channel_id.html | 2 +-
 tubearchivist/home/templates/home/downloads.html  | 3 +--
 tubearchivist/home/templates/home/home.html       | 2 +-
 tubearchivist/static/css/style.css                | 4 ++++
 4 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/tubearchivist/home/templates/home/channel_id.html b/tubearchivist/home/templates/home/channel_id.html
index 17d26db9..6480f86c 100644
--- a/tubearchivist/home/templates/home/channel_id.html
+++ b/tubearchivist/home/templates/home/channel_id.html
@@ -47,7 +47,7 @@
     </div>
 </div>
 <div class="boxed-content {% if view_style == "grid" %}boxed-{{ grid_items }}{% endif %}">
-    <div class="view-controls">
+    <div class="view-controls three">
         <div class="toggle">
             <span>Hide watched videos:</span>
             <div class="toggleBox">
diff --git a/tubearchivist/home/templates/home/downloads.html b/tubearchivist/home/templates/home/downloads.html
index 22dd6fdf..6796ee54 100644
--- a/tubearchivist/home/templates/home/downloads.html
+++ b/tubearchivist/home/templates/home/downloads.html
@@ -28,7 +28,7 @@
             </div>
         </div>
     </div>
-    <div class="view-controls">
+    <div class="view-controls three">
         <div class="toggle">
             <span>Show only ignored videos:</span>
             <div class="toggleBox">
@@ -42,7 +42,6 @@
         </div>
         <div class="view-icons">
             {% if channel_agg_list|length > 1 %}
-                <span>Filter:</span>
                 <select name="channel_filter" id="channel_filter" onchange="channelFilterDownload(this.value)">
                     <option value="all" {% if not channel_filter_id %}selected{% endif %}>all</option>
                     {% for channel in channel_agg_list %}
diff --git a/tubearchivist/home/templates/home/home.html b/tubearchivist/home/templates/home/home.html
index cc497568..c85783ce 100644
--- a/tubearchivist/home/templates/home/home.html
+++ b/tubearchivist/home/templates/home/home.html
@@ -45,7 +45,7 @@
     <div class="title-bar">
         <h1>Recent Videos</h1>
     </div>
-    <div class="view-controls">
+    <div class="view-controls three">
         <div class="toggle">
             <span>Hide watched:</span>
             <div class="toggleBox">
diff --git a/tubearchivist/static/css/style.css b/tubearchivist/static/css/style.css
index 4d73cf18..f20d997e 100644
--- a/tubearchivist/static/css/style.css
+++ b/tubearchivist/static/css/style.css
@@ -1182,6 +1182,10 @@ video:-webkit-full-screen {
         margin: 15px;
         text-align: center;
     }
+    .view-controls.three {
+        grid-template-columns: unset;
+        justify-content: center;
+    }
     .sort {
         display: block;
     }