From ff1b0432790bec6c5da9e83889d35d3a936f4776 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Wed, 10 Jun 2020 23:09:17 -0700
Subject: [PATCH] Arrange the state filters horizontally instead of vertically.

The "New videos are" dropdown and the sorting options are both
horizontal, so this one being vertical stuck out badly visually.
This is a little better.
---
 frontends/ycdl_flask/templates/channel.html | 29 ++++++++++++---------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/frontends/ycdl_flask/templates/channel.html b/frontends/ycdl_flask/templates/channel.html
index 0517ea0..329a51e 100644
--- a/frontends/ycdl_flask/templates/channel.html
+++ b/frontends/ycdl_flask/templates/channel.html
@@ -157,23 +157,28 @@ https://stackoverflow.com/a/35153397
     {% if channel is not none %}
     <span><button class="refresh_button" onclick="api.channels.refresh_channel(CHANNEL_ID, false, common.refresh)">Refresh new videos</button></span>
     <span><button class="refresh_button" onclick="api.channels.refresh_channel(CHANNEL_ID, true, common.refresh)">Refresh everything</button></span>
-
-    <span><a class="merge_params" href="/channel/{{channel.id}}">All</a></span>
-    {% else %}
-    <span><a class="merge_params" href="/videos">All</a></span>
     {% endif %}
 
-    {% for statename in all_states %}
-    {% if channel is not none %}
-    <span><a class="merge_params" href="/channel/{{channel.id}}/{{statename}}">{{statename}}</a></span>
-    {% else %}
-    <span><a class="merge_params" href="/videos/{{statename}}">{{statename}}</a></span>
-    {% endif %}
-    {% endfor %}
-
     <p><!-- spacer --></p>
 
+    <span>View
     {% if channel is not none %}
+    <a class="merge_params" href="/channel/{{channel.id}}">All</a>
+    {% else %}
+    <a class="merge_params" href="/videos">All</a>
+    {% endif %}
+    {% for statename in all_states %}
+    {% if channel is not none %}
+    <a class="merge_params" href="/channel/{{channel.id}}/{{statename}}">{{statename}}</a>
+    {% else %}
+    <a class="merge_params" href="/videos/{{statename}}">{{statename}}</a>
+    {% endif %}
+    {% endfor %}
+    </span>
+
+    {% if channel is not none %}
+    <p><!-- spacer --></p>
+
     <span>
         New videos are:
     <select onchange="set_automark_hook(event)">