From dc8869f007646365c456cbbb4772badcc8121a55 Mon Sep 17 00:00:00 2001
From: Anton Khorev <tony29@yandex.ru>
Date: Sun, 28 Apr 2024 03:19:02 +0300
Subject: [PATCH] Split pagination buttons into 3 groups

---
 app/views/shared/_pagination.html.erb | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/views/shared/_pagination.html.erb b/app/views/shared/_pagination.html.erb
index ef965d4b92..f8d4554824 100644
--- a/app/views/shared/_pagination.html.erb
+++ b/app/views/shared/_pagination.html.erb
@@ -1,9 +1,11 @@
-<nav>
+<nav class="d-flex justify-content-between gap-2">
   <ul class="pagination">
     <%= pagination_item(newer_id && @params.merge(:before => nil, :after => nil)) do %>
       <%= previous_page_svg_tag :class => "flex-shrink-0", :count => 2 %>
       <span class="d-none d-md-block"><%= t :newest, :scope => translation_scope %></span>
     <% end %>
+  </ul>
+  <ul class="pagination">
     <%= pagination_item(newer_id && @params.merge(:before => nil, :after => newer_id)) do %>
       <%= previous_page_svg_tag :class => "flex-shrink-0" %>
       <span class="d-none d-sm-block"><%= t :newer, :scope => translation_scope %></span>
@@ -12,6 +14,8 @@
       <span class="d-none d-sm-block"><%= t :older, :scope => translation_scope %></span>
       <%= next_page_svg_tag :class => "flex-shrink-0" %>
     <% end %>
+  </ul>
+  <ul class="pagination">
     <%= pagination_item(older_id && @params.merge(:before => nil, :after => 0)) do %>
       <span class="d-none d-md-block"><%= t :oldest, :scope => translation_scope %></span>
       <%= next_page_svg_tag :class => "flex-shrink-0", :count => 2 %>