From 29cbe2226b017470f808b02fe010bbf097301cd2 Mon Sep 17 00:00:00 2001
From: Tiffany Ong <tiffanyongv@gmail.com>
Date: Fri, 17 May 2024 12:27:07 +0000
Subject: [PATCH] add edition page label to bottom nav

---
 frontend/assets/css/text-viewer2.scss | 21 +++++++++++++++++++++
 frontend/edition/index.md             |  2 +-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/frontend/assets/css/text-viewer2.scss b/frontend/assets/css/text-viewer2.scss
index b012b8ac2..0b88c343c 100644
--- a/frontend/assets/css/text-viewer2.scss
+++ b/frontend/assets/css/text-viewer2.scss
@@ -91,11 +91,32 @@ section {
             .pagination {
               display: inline;
             }
+            label{
+              position: absolute;
+              top: 0px;
+              z-index: 9;
+              font-size: 10px;
+              padding-left: 18px;
+              text-transform: uppercase;
+              color: gray;
+            }
+            .select-dropdown{
+              padding: 7px 8px 5px 8px;
+              i{
+                top: 24px;
+              }
+              &:hover{
+                i{
+                  top: 31px;
+                }
+              }
+            }
           } //.bottom
           div {
             text-align: center;
             margin: 0;
             cursor: pointer;
+
             &.icons {
               display: flex;
               margin-left: auto;
diff --git a/frontend/edition/index.md b/frontend/edition/index.md
index fdf9f0640..c7b4a34fd 100644
--- a/frontend/edition/index.md
+++ b/frontend/edition/index.md
@@ -369,7 +369,7 @@ eleventyNavigation:
       </div>
       <nav class="panel-nav bottom">
         <div>
-          <panel-control :panel-idx="panelIdx" control-key="locus"></panel-control>
+          <label>Edition page:</label><panel-control :panel-idx="panelIdx" control-key="locus"></panel-control>
         </div>
         <div>
           <button class="pagination" href="#" @click.stop.prevent="incrementLocus(panel, -1)"