Fix styling of sorting links

asciinema · Mar 15, 2024 · 2852040 · 2852040
1 parent 5bcd41f
commit 2852040
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/assets/css/_recording_list.scss b/assets/css/_recording_list.scss
@@ -1,5 +1,5 @@
 .c-recording {
-  &.a-category {
+  &.a-public, &.a-featured {
     main {
       .nav {
         .nav-link {
@@ -18,6 +18,10 @@
           margin-right: 0.5rem;
           font-size: 0.875rem;
         }
+
+        a.sort-popularity {
+          border-color: #d3d9df;
+        }
       }
 
       .pagination {

diff --git a/lib/asciinema_web/controllers/recording/index.html.heex b/lib/asciinema_web/controllers/recording/index.html.heex
@@ -30,7 +30,7 @@
                 href="?order=popularity"
                 title="popularity"
                 active?={@order == :popularity}
-                class="btn btn-light"
+                class="btn btn-light sort-popularity"
               />
             </div>
           </div>