Move index-container to top of page on smaller screens

metacpan · Dec 10, 2023 · c707cf2 · c707cf2
1 parent d114232
commit c707cf2
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/root/static/js/cpan.js b/root/static/js/cpan.js
@@ -299,7 +299,7 @@ $(document).ready(function() {
     $('.dropdown-toggle').dropdown();
 
     function format_index(index) {
-        index.wrap('<div id="index-container" class="pull-right"><div class="index-border"></div></div>');
+        index.wrap('<div id="index-container"><div class="index-border"></div></div>');
         var container = index.parent().parent();
 
         var index_hidden = MetaCPAN.storage.getItem('hideTOC') == 1;

diff --git a/root/static/less/pod.less b/root/static/less/pod.less
@@ -101,10 +101,11 @@ ul#index, #index ul {
 }
 
 #index-container {
-    margin-left: 50px;
+    margin-bottom: 40px;
 
-    @media (min-width: 0) and (max-width: @screen-md-max) {
-        .responsive-invisibility();
+    @media (min-width: @screen-md-max) {
+        float: right;
+        margin-left: 50px;
     }
 
     overflow-y: hidden;