Center sorting options on small displays (<640px)

assets/css/channel.css

@@ -183,4 +183,11 @@ only show up when the screen is wide enough */
 
 #content-navigation {
   display: flex;
+}
+
+/* Center sorting options when screen is less than 640px*/
+@media screen and (max-width: 640px) {
+  #sort-options {
+    margin-right: auto;
+  }
 }

src/invidious/views/components/channel-information.ecr

@@ -181,7 +181,7 @@
         <% route = content_type == 1 ? "/videos" : "/playlists" %>
         <% url = "/channel/#{channel.ucid + route}" %>
 
-        <div class="pure-menu pure-menu-horizontal" style="display: flex;">
+        <div class="pure-menu pure-menu-horizontal" id="sort-options" style="display: flex;">
             <ul class="pure-menu-list" style="margin-left: auto;">
                 <% sort_options.each do |sort| %>
                     <% if sort_by == sort %>