From 219b3db5f637321a67bb9ff8e354b525a119fbd2 Mon Sep 17 00:00:00 2001
From: Shamim Rezaie <shamim@moodle.com>
Date: Mon, 24 Oct 2022 11:28:06 +1100
Subject: [PATCH] MDL-75423 gradereport_singleview: dividers & bottom border in
 action bar

---
 .../report/singleview/templates/action_bar.mustache  | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/grade/report/singleview/templates/action_bar.mustache b/grade/report/singleview/templates/action_bar.mustache
index ded93d0c8d8..8e51ade27e7 100644
--- a/grade/report/singleview/templates/action_bar.mustache
+++ b/grade/report/singleview/templates/action_bar.mustache
@@ -17,26 +17,32 @@
 {{!
     @template gradereport_singleview/action_bar
 }}
-<div class="container-fluid tertiary-navigation">
+<div class="container-fluid tertiary-navigation full-width-bottom-border">
     <div class="row">
         {{#generalnavselector}}
             <div class="navitem">
                 {{>core/tertiary_navigation_selector}}
             </div>
+            <div class="navitem-divider"></div>
         {{/generalnavselector}}
         {{#groupselector}}
             <div class="navitem">
                 {{{.}}}
             </div>
+            <div class="navitem-divider"></div>
         {{/groupselector}}
         {{#itemselector}}
             <div class="navitem">
                 {{{.}}}
             </div>
+            <div class="navitem-divider"></div>
         {{/itemselector}}
         {{#pagetoggler}}
-            <div class="navitem ml-auto">
-                {{>gradereport_singleview/page_toggler}}
+            <div class="d-flex ml-auto">
+                <div class="navitem-divider"></div>
+                <div class="navitem">
+                    {{>gradereport_singleview/page_toggler}}
+                </div>
             </div>
         {{/pagetoggler}}
     </div>