From 4afd42c12c7fa911a1689caeeaaffcd061f9305b Mon Sep 17 00:00:00 2001
From: Sarken <sarken@gmail.com>
Date: Tue, 30 Sep 2025 06:54:26 -0400
Subject: [PATCH 1/9] AO3-4629 Fix position of chapter and download options on
 works - With JS disabled, the chapter menu is not present (unchanged) and the
 download menu appears on its own row, after the other navigation. - With JS
 enabled, the menus are now position relative to their buttons so they never
 hide them. -- The download menu is the same width as its parent because the
 options are short. -- The chapter menu is allowed to be 100% the width of its
 parent.

---
 .../works/_work_header_navigation.html.erb    | 15 +++--
 public/stylesheets/site/2.0/08-actions.css    | 60 +++++++++++++++++--
 2 files changed, 63 insertions(+), 12 deletions(-)

diff --git a/app/views/works/_work_header_navigation.html.erb b/app/views/works/_work_header_navigation.html.erb
index 454d442a68d..caa4802d244 100644
--- a/app/views/works/_work_header_navigation.html.erb
+++ b/app/views/works/_work_header_navigation.html.erb
@@ -1,6 +1,6 @@
 <!-- BEGIN navigation -->
 <h3 class="landmark heading"><%= ts("Actions") %></h3>
-<ul class="work navigation actions" role="menu">
+<ul class="work navigation actions">
   <% if logged_in_as_admin? || permit?("tag_wrangler") %>
     <li class="reindex"><%= link_to ts("Troubleshoot"), work_troubleshooting_path(@work) %></li>
   <% end %>
@@ -24,11 +24,9 @@
       <li class="chapter next"><%= link_to h(ts("Next Chapter")) + ' &#8594;'.html_safe, [@work, @next_chapter, :anchor => "workskin"] %></li>
     <% end %>
 
-    <li class="chapter" aria-haspopup="true">
-      <noscript>
-        <%= link_to ts('Chapter Index'), navigate_work_path(@work) %>
-      </noscript>
-      <a class="hidden" href="#"><%= ts('Chapter Index') %></a>
+    <li class="chapter">
+      <noscript><%= link_to ts('Chapter Index'), navigate_work_path(@work) %></noscript>
+      <button class="hidden"><%= ts('Chapter Index') %></button>
       <ul id="chapter_index" class="expandable secondary hidden">
         <li>
           <%= form_tag url_for({:controller => :chapters, :action => :show, :work_id => @work}), :method => :get do %>
@@ -109,8 +107,9 @@
   <% end %>
 
   <% if downloadable? && AdminSetting.current.downloads_enabled? %>
-    <li class="download" aria-haspopup="true">
-      <a href="#"><%= ts("Download") %></a>
+    <li class="download">
+      <noscript><h4 class="heading">Download</h4></noscript>
+      <button class="hidden"><%= ts("Download") %></button>
       <ul class="expandable secondary">
         <% ArchiveConfig.DOWNLOAD_FORMATS.each do |format| %>
           <li><%= link_to ts(format.upcase), download_url_for_work(@work, format) %></li>
diff --git a/public/stylesheets/site/2.0/08-actions.css b/public/stylesheets/site/2.0/08-actions.css
index ea369719645..c4a0243894f 100644
--- a/public/stylesheets/site/2.0/08-actions.css
+++ b/public/stylesheets/site/2.0/08-actions.css
@@ -187,10 +187,6 @@ dl.stats + .landmark + .actions, .mystery .summary + .landmark + .actions {
   float: none;
 }
 
-.chapter .secondary, .download .secondary {
-  top: 3.5em;
-}
-
 .dashboard .landmark {
   clear: right;
 }
@@ -222,4 +218,60 @@ dl.index p.actions {
   margin: 0;
 }
 
+/* context: work navigation actions with secondary navigation */
+
+.download {
+  display: block;
+  padding: 0.375em 0 0.643em;
+  margin-top: 0;
+}
+
+.download .secondary {
+  position: static;
+}
+
+.download, .javascript .download .secondary {
+  background: #fff;
+  border: 2px solid #bbb;
+    box-shadow: 2px 2px 5px #bbb;
+}
+
+.download .secondary, .javascript .download {
+  background: none transparent;
+  border: none;
+    box-shadow: none;
+}
+
+.javascript .chapter, .javascript .download {
+  position: relative;
+}
+
+.javascript .download {
+  display: inline-block;
+  margin-bottom: 0;
+  padding: 0 0 0 0.25em;
+}
+
+.javascript .chapter .secondary, .javascript .download .secondary {
+  min-width: 100%;
+  position: absolute;
+  right: 0;
+    box-sizing: border-box;
+}
+
+/* button height of 1.286em + 0.5em total vertical padding + 0.125em for fun */
+.javascript .chapter .secondary {
+  top: 1.911em;
+  width: 150%;
+}
+
+/* button height of 1.286em + 0.5em total vertical padding + 0.643em top margin on menu + 0.125em for fun */
+.javascript .download .secondary {
+  top: 2.554em;
+}
+
+.javascript .download .secondary li, .javascript .download .secondary a {
+  display: block;
+}
+
 /* END== */

From 08ee78fa3289d6c0c2bf2775597995e642927047 Mon Sep 17 00:00:00 2001
From: Sarken <sarken@gmail.com>
Date: Wed, 1 Oct 2025 04:42:20 -0400
Subject: [PATCH 2/9] AO3-4629 Update skins and skin wizard

---
 lib/skin_wizard.rb                                        | 6 ++++++
 .../masters/dark_mode/dark_mode_site_screen_.css          | 8 ++++++++
 .../stylesheets/masters/reversi/reversi_site_screen_.css  | 4 ++++
 3 files changed, 18 insertions(+)

diff --git a/lib/skin_wizard.rb b/lib/skin_wizard.rb
index 4fd418c99c5..654335f6f3c 100644
--- a/lib/skin_wizard.rb
+++ b/lib/skin_wizard.rb
@@ -115,6 +115,8 @@ def background_color_styles(color)
         form.verbose legend,
         .verbose form legend,
         #modal,
+        .download,
+        .javascript .download .secondary,
         .own,
         .draft,
         .draft .wrapper,
@@ -150,6 +152,8 @@ def background_color_styles(color)
         .toggled form,
         .dynamic form,
         .secondary,
+        .download,
+        .javascript .download .secondary,
         .wrapper {
           box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
         }
@@ -303,6 +307,8 @@ def accent_color_styles(color)
         form.verbose legend,
         .verbose form legend,
         .secondary,
+        .download,
+        .javascript .download .secondary,
         dl.meta,
         .bookmark .user,
         div.comment,
diff --git a/public/stylesheets/masters/dark_mode/dark_mode_site_screen_.css b/public/stylesheets/masters/dark_mode/dark_mode_site_screen_.css
index 04a9409104c..95bd1399e52 100644
--- a/public/stylesheets/masters/dark_mode/dark_mode_site_screen_.css
+++ b/public/stylesheets/masters/dark_mode/dark_mode_site_screen_.css
@@ -405,6 +405,14 @@ span.delete {
     box-shadow: 1px 1px 3px #000;
 }
 
+/* context: work navigation actions with secondary navigation */
+
+.download, .javascript .download .secondary {
+  background: #2a2a2a;
+  border-color: #555;
+    box-shadow: 1px 1px 3px #000;
+}
+
 /* don't let iOS add its special styling for dark buttons */
 button,
 input[type="button"],
diff --git a/public/stylesheets/masters/reversi/reversi_site_screen_.css b/public/stylesheets/masters/reversi/reversi_site_screen_.css
index 0f1abecd46f..fd56d00b3ec 100644
--- a/public/stylesheets/masters/reversi/reversi_site_screen_.css
+++ b/public/stylesheets/masters/reversi/reversi_site_screen_.css
@@ -61,6 +61,8 @@ li.relationships a,
 th,
 #dashboard .secondary,
 .secondary,
+.download,
+.javascript .download .secondary,
 .thread .even,
 .system .tweet_list li,
 .ui-datepicker tr:hover {
@@ -116,6 +118,8 @@ fieldset fieldset.listbox,
 .wrapper,
 #dashboard .secondary,
 .secondary,
+.download,
+.javascript .download .secondary,
 form blockquote.userstuff,
 .thread .comment,
 .toggled form {

From 435de136412bf007b9a4ad94915d1068eb4ca12a Mon Sep 17 00:00:00 2001
From: Sarken <sarken@gmail.com>
Date: Thu, 2 Oct 2025 02:29:01 -0400
Subject: [PATCH 3/9] AO3-4629 Use flexbox so the menus are closer to their
 current appearance and use more specific selectors to avoid affecting other
 things in works/chapters

---
 lib/skin_wizard.rb                            | 12 ++--
 .../masters/reversi/reversi_site_screen_.css  |  8 +--
 public/stylesheets/site/2.0/08-actions.css    | 58 ++++++++++++-------
 .../stylesheets/site/2.0/25-media-midsize.css | 16 +++++
 4 files changed, 62 insertions(+), 32 deletions(-)

diff --git a/lib/skin_wizard.rb b/lib/skin_wizard.rb
index 654335f6f3c..00fd77600f4 100644
--- a/lib/skin_wizard.rb
+++ b/lib/skin_wizard.rb
@@ -115,8 +115,8 @@ def background_color_styles(color)
         form.verbose legend,
         .verbose form legend,
         #modal,
-        .download,
-        .javascript .download .secondary,
+        .work.navigation .download,
+        .javascript .work.navigation .download .secondary,
         .own,
         .draft,
         .draft .wrapper,
@@ -152,8 +152,8 @@ def background_color_styles(color)
         .toggled form,
         .dynamic form,
         .secondary,
-        .download,
-        .javascript .download .secondary,
+        .work.navigation .download,
+        .javascript .work.navigation .download .secondary,
         .wrapper {
           box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5)
         }
@@ -307,8 +307,8 @@ def accent_color_styles(color)
         form.verbose legend,
         .verbose form legend,
         .secondary,
-        .download,
-        .javascript .download .secondary,
+        .work.navigation .download,
+        .javascript .work.navigation .download .secondary,
         dl.meta,
         .bookmark .user,
         div.comment,
diff --git a/public/stylesheets/masters/reversi/reversi_site_screen_.css b/public/stylesheets/masters/reversi/reversi_site_screen_.css
index fd56d00b3ec..6e4f0c1932a 100644
--- a/public/stylesheets/masters/reversi/reversi_site_screen_.css
+++ b/public/stylesheets/masters/reversi/reversi_site_screen_.css
@@ -61,8 +61,8 @@ li.relationships a,
 th,
 #dashboard .secondary,
 .secondary,
-.download,
-.javascript .download .secondary,
+.work.navigation .download,
+.javascript .work.navigation .download .secondary,
 .thread .even,
 .system .tweet_list li,
 .ui-datepicker tr:hover {
@@ -118,8 +118,8 @@ fieldset fieldset.listbox,
 .wrapper,
 #dashboard .secondary,
 .secondary,
-.download,
-.javascript .download .secondary,
+.work.navigation .download,
+.javascript .work.navigation .download .secondary,
 form blockquote.userstuff,
 .thread .comment,
 .toggled form {
diff --git a/public/stylesheets/site/2.0/08-actions.css b/public/stylesheets/site/2.0/08-actions.css
index c4a0243894f..8b7c0fe8ae6 100644
--- a/public/stylesheets/site/2.0/08-actions.css
+++ b/public/stylesheets/site/2.0/08-actions.css
@@ -220,58 +220,72 @@ dl.index p.actions {
 
 /* context: work navigation actions with secondary navigation */
 
-.download {
+.work.navigation .download {
   display: block;
+  margin-block-start: 0;
   padding: 0.375em 0 0.643em;
-  margin-top: 0;
 }
 
-.download .secondary {
+.work.navigation .download .secondary {
   position: static;
 }
 
-.download, .javascript .download .secondary {
+/* The next two rule sets move the default .secondary style to the secondary's
+parent when JavaScript is disabled and put it back when it's enabled. */
+.work.navigation .download, .javascript .work.navigation .download .secondary {
   background: #fff;
   border: 2px solid #bbb;
     box-shadow: 2px 2px 5px #bbb;
 }
 
-.download .secondary, .javascript .download {
-  background: none transparent;
+.work.navigation .download .secondary, .javascript .work.navigation .download {
+  background: transparent;
   border: none;
     box-shadow: none;
 }
 
-.javascript .chapter, .javascript .download {
+/* TODO: Update to .javascript .work.navigation :has(.secondary) once support
+for :has() increases to 95% according to caniuse.com. */
+.javascript .work.navigation .chapter, .javascript .work.navigation .download {
   position: relative;
 }
 
-.javascript .download {
-  display: inline-block;
-  margin-bottom: 0;
+.javascript .work.navigation .download {
+  display: inline;
   padding: 0 0 0 0.25em;
 }
 
-.javascript .chapter .secondary, .javascript .download .secondary {
-  min-width: 100%;
+.javascript .work.navigation .secondary {
+  align-items: center;
+  gap: 0 0.643em;
+  justify-content: space-evenly;
   position: absolute;
   right: 0;
-    box-sizing: border-box;
 }
 
-/* button height of 1.286em + 0.5em total vertical padding + 0.125em for fun */
-.javascript .chapter .secondary {
-  top: 1.911em;
-  width: 150%;
+/* If we use display without the .expanded qualifier, it will override .hidden's
+display: none and secondary will always be open. */
+.javascript .work.navigation .expanded + .secondary {
+  display: flex;
 }
 
-/* button height of 1.286em + 0.5em total vertical padding + 0.643em top margin on menu + 0.125em for fun */
-.javascript .download .secondary {
-  top: 2.554em;
+.javascript .work.navigation .download .secondary {
+  gap: 0.25em;
 }
 
-.javascript .download .secondary li, .javascript .download .secondary a {
-  display: block;
+.javascript .work.navigation .secondary li {
+  margin-block: 0;
+}
+
+.javascript .work.navigation .secondary p {
+  align-items: center;
+  display: flex;
+  gap: 0 0.25em;
+  padding: 0;
+}
+
+.javascript .work.navigation .secondary .actions {
+  padding: 0;
 }
 
 /* END== */
diff --git a/public/stylesheets/site/2.0/25-media-midsize.css b/public/stylesheets/site/2.0/25-media-midsize.css
index 19e85490a2f..ce0d6a44781 100644
--- a/public/stylesheets/site/2.0/25-media-midsize.css
+++ b/public/stylesheets/site/2.0/25-media-midsize.css
@@ -83,6 +83,22 @@ form.single .autocomplete li.input {
   margin-right: 0;
 }
 
+/* 08 actions */
+
+.javascript .work.navigation .chapter .secondary {
+  flex-wrap: wrap;
+  padding-block-start: 0.375em;
+}
+
+.javascript .work.navigation .secondary p {
+  flex-wrap: wrap;
+  justify-content: center;
+}
+
+.javascript .work.navigation .secondary input {
+  margin-block-end: 0;
+}
+
 /* 16 zone system */
 
 .logged-in .splash > .module {

From b5dd6976bda4fe828a555e6ba8f77d0c2496ce69 Mon Sep 17 00:00:00 2001
From: Sarken <sarken@gmail.com>
Date: Fri, 3 Oct 2025 20:58:11 -0400
Subject: [PATCH 4/9] AO3-4629 i18n (untested)

---
 app/views/works/_work_header_navigation.html.erb | 14 +++++++-------
 config/locales/views/en.yml                      |  9 +++++++++
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/app/views/works/_work_header_navigation.html.erb b/app/views/works/_work_header_navigation.html.erb
index caa4802d244..f9ba6324787 100644
--- a/app/views/works/_work_header_navigation.html.erb
+++ b/app/views/works/_work_header_navigation.html.erb
@@ -25,19 +25,19 @@
     <% end %>
 
     <li class="chapter">
-      <noscript><%= link_to ts('Chapter Index'), navigate_work_path(@work) %></noscript>
-      <button class="hidden"><%= ts('Chapter Index') %></button>
+      <noscript><%= link_to t(".chapter_index.link"), navigate_work_path(@work) %></noscript>
+      <button class="hidden"><%= t(".chapter_index.button") %></button>
       <ul id="chapter_index" class="expandable secondary hidden">
         <li>
           <%= form_tag url_for({:controller => :chapters, :action => :show, :work_id => @work}), :method => :get do %>
             <p>
               <% options = @chapters.map{|c| [c.abbreviated_display_title.html_safe, c.id] } %>
               <%= select_tag :selected_id, options_for_select(options, params[:id].to_i) %>
-              <span class="submit actions"><%= submit_tag ts("Go") %></span>
+              <span class="submit actions"><%= submit_tag t('.chapter_index.submit') %></span>
             </p>
           <% end %>
         </li>
-        <li><%= link_to ts("Full-page index"), navigate_work_path(@work) %></li>
+        <li><%= link_to t(".chapter_index.full_page"), navigate_work_path(@work) %></li>
       </ul>
     </li>
   <% elsif @chapters && @chapters.length > 1 %>
@@ -49,7 +49,7 @@
   <% if current_user.is_a?(User) %>
     <% @bookmark ||= bookmark_if_exists(@work) %>
     <li class="bookmark">
-      <%= link_to (@bookmark ? ts("Edit Bookmark") : ts("Bookmark")), "#bookmark-form", :class => "bookmark_form_placement_open" %>
+      <%= link_to (@bookmark ? t("Edit Bookmark") : ts("Bookmark")), "#bookmark-form", :class => "bookmark_form_placement_open" %>
       <%= link_to ts("Cancel Bookmark"), "#", :class => "hidden bookmark_form_placement_close" %>
     </li>
 
@@ -108,8 +108,8 @@
 
   <% if downloadable? && AdminSetting.current.downloads_enabled? %>
     <li class="download">
-      <noscript><h4 class="heading">Download</h4></noscript>
-      <button class="hidden"><%= ts("Download") %></button>
+      <noscript><h4 class="heading"><%= t(".download.header") %></h4></noscript>
+      <button class="hidden"><%= t(".download.button") %></button>
       <ul class="expandable secondary">
         <% ArchiveConfig.DOWNLOAD_FORMATS.each do |format| %>
           <li><%= link_to ts(format.upcase), download_url_for_work(@work, format) %></li>
diff --git a/config/locales/views/en.yml b/config/locales/views/en.yml
index af7151ded16..7715a841fac 100644
--- a/config/locales/views/en.yml
+++ b/config/locales/views/en.yml
@@ -2576,6 +2576,15 @@ en:
         restricted_html: A translation of [Restricted Work] by %{creator_link} (Log in to access.)
         revealed_html: A translation of %{work_link} by %{creator_link}
         unrevealed: A translation of a work in an unrevealed collection
+    work_header_navigation:
+      chapter_index:
+        button: Chapter Index
+        full_page: Full Page Index
+        link: 'Chapter Index'
+        submit: Go
+      download:
+        button: 'Download'
+        header: Download
     work_module:
       draft_deletion_notice_html: This draft will be <strong>scheduled for deletion</strong> on %{deletion_date}.
   wrangling_guidelines:

From 283ff331c6693ff17f9645f9cbf9744c0fb1e2c3 Mon Sep 17 00:00:00 2001
From: Sarken <sarken@gmail.com>
Date: Sat, 4 Oct 2025 01:28:45 -0400
Subject: [PATCH 5/9] app/views/works/_work_header_navigation.html.erb

---
 config/locales/views/en.yml | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/config/locales/views/en.yml b/config/locales/views/en.yml
index 7715a841fac..9417f721b3e 100644
--- a/config/locales/views/en.yml
+++ b/config/locales/views/en.yml
@@ -2556,6 +2556,15 @@ en:
         revealed_html: "%{work_link} by %{creator_link}"
         title: Works inspired by this one
         unrevealed: A work in an unrevealed collection
+    work_header_navigation:
+      chapter_index:
+        button: Chapter Index
+        full_page: Full Page Index
+        link: Chapter Index
+        submit: Go
+      download:
+        button: Download
+        heading: Download
     work_header_notes:
       inspired_by:
         other_works_inspired_by_this_one: other works inspired by this one
@@ -2576,15 +2585,6 @@ en:
         restricted_html: A translation of [Restricted Work] by %{creator_link} (Log in to access.)
         revealed_html: A translation of %{work_link} by %{creator_link}
         unrevealed: A translation of a work in an unrevealed collection
-    work_header_navigation:
-      chapter_index:
-        button: Chapter Index
-        full_page: Full Page Index
-        link: 'Chapter Index'
-        submit: Go
-      download:
-        button: 'Download'
-        header: Download
     work_module:
       draft_deletion_notice_html: This draft will be <strong>scheduled for deletion</strong> on %{deletion_date}.
   wrangling_guidelines:

From 679df45fa8128a8d33756dc3b0506a2f0663f031 Mon Sep 17 00:00:00 2001
From: Sarken <sarken@gmail.com>
Date: Sat, 4 Oct 2025 01:29:23 -0400
Subject: [PATCH 6/9] AO3-4629 i18n (tested) (with all files)

---
 app/views/works/_work_header_navigation.html.erb | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/works/_work_header_navigation.html.erb b/app/views/works/_work_header_navigation.html.erb
index f9ba6324787..364b2ecf091 100644
--- a/app/views/works/_work_header_navigation.html.erb
+++ b/app/views/works/_work_header_navigation.html.erb
@@ -49,7 +49,7 @@
   <% if current_user.is_a?(User) %>
     <% @bookmark ||= bookmark_if_exists(@work) %>
     <li class="bookmark">
-      <%= link_to (@bookmark ? t("Edit Bookmark") : ts("Bookmark")), "#bookmark-form", :class => "bookmark_form_placement_open" %>
+      <%= link_to (@bookmark ? ts("Edit Bookmark") : ts("Bookmark")), "#bookmark-form", :class => "bookmark_form_placement_open" %>
       <%= link_to ts("Cancel Bookmark"), "#", :class => "hidden bookmark_form_placement_close" %>
     </li>
 
@@ -108,7 +108,7 @@
 
   <% if downloadable? && AdminSetting.current.downloads_enabled? %>
     <li class="download">
-      <noscript><h4 class="heading"><%= t(".download.header") %></h4></noscript>
+      <noscript><h4 class="heading"><%= t(".download.heading") %></h4></noscript>
       <button class="hidden"><%= t(".download.button") %></button>
       <ul class="expandable secondary">
         <% ArchiveConfig.DOWNLOAD_FORMATS.each do |format| %>

From 60af2e1b05c25ee3a284f82995c3ec9b4af20b3e Mon Sep 17 00:00:00 2001
From: Sarken <sarken@gmail.com>
Date: Sat, 4 Oct 2025 22:12:30 -0400
Subject: [PATCH 7/9] AO3-4629 Put that hyphen back

---
 config/locales/views/en.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/config/locales/views/en.yml b/config/locales/views/en.yml
index 04a7d70e075..ae2ece52060 100644
--- a/config/locales/views/en.yml
+++ b/config/locales/views/en.yml
@@ -2584,7 +2584,7 @@ en:
     work_header_navigation:
       chapter_index:
         button: Chapter Index
-        full_page: Full Page Index
+        full_page: Full-Page Index
         link: Chapter Index
         submit: Go
       download:

From 725ee4572331523aef24461afb5fc4ff217fe09a Mon Sep 17 00:00:00 2001
From: Sarken <sarken@gmail.com>
Date: Sat, 4 Oct 2025 22:59:54 -0400
Subject: [PATCH 8/9] AO3-4629 Switch string to double quotes

---
 app/views/works/_work_header_navigation.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/works/_work_header_navigation.html.erb b/app/views/works/_work_header_navigation.html.erb
index 364b2ecf091..7ee18953333 100644
--- a/app/views/works/_work_header_navigation.html.erb
+++ b/app/views/works/_work_header_navigation.html.erb
@@ -33,7 +33,7 @@
             <p>
               <% options = @chapters.map{|c| [c.abbreviated_display_title.html_safe, c.id] } %>
               <%= select_tag :selected_id, options_for_select(options, params[:id].to_i) %>
-              <span class="submit actions"><%= submit_tag t('.chapter_index.submit') %></span>
+              <span class="submit actions"><%= submit_tag t(".chapter_index.submit") %></span>
             </p>
           <% end %>
         </li>

From 234157d85c7049a145582c1e4d717b0615a09069 Mon Sep 17 00:00:00 2001
From: Sarken <sarken@gmail.com>
Date: Tue, 21 Oct 2025 00:05:53 -0400
Subject: [PATCH 9/9] AO3-4629 Indent CSS3 4 spaces per house style

---
 public/stylesheets/site/2.0/08-actions.css       | 16 ++++++++--------
 public/stylesheets/site/2.0/25-media-midsize.css |  6 +++---
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/public/stylesheets/site/2.0/08-actions.css b/public/stylesheets/site/2.0/08-actions.css
index 8b7c0fe8ae6..ace608a05b7 100644
--- a/public/stylesheets/site/2.0/08-actions.css
+++ b/public/stylesheets/site/2.0/08-actions.css
@@ -256,21 +256,21 @@ for :has() increases to 95% according to caniuse.com. */
 }
 
 .javascript .work.navigation .secondary {
-  align-items: center;
-  gap: 0 0.643em;
-  justify-content: space-evenly;
   position: absolute;
   right: 0;
+    align-items: center;
+    gap: 0 0.643em;
+    justify-content: space-evenly;
 }
 
 /* If we use display without the .expanded qualifier, it will override .hidden's
 display: none and secondary will always be open. */
 .javascript .work.navigation .expanded + .secondary {
-  display: flex;
+    display: flex;
 }
 
 .javascript .work.navigation .download .secondary {
-  gap: 0.25em;
+    gap: 0.25em;
 }
 
 .javascript .work.navigation .secondary li {
@@ -278,10 +278,10 @@ display: none and secondary will always be open. */
 }
 
 .javascript .work.navigation .secondary p {
-  align-items: center;
-  display: flex;
-  gap: 0 0.25em;
   padding: 0;
+    align-items: center;
+    display: flex;
+    gap: 0 0.25em;
 }
 
 .javascript .work.navigation .secondary .actions {
diff --git a/public/stylesheets/site/2.0/25-media-midsize.css b/public/stylesheets/site/2.0/25-media-midsize.css
index ce0d6a44781..ca67dae0b76 100644
--- a/public/stylesheets/site/2.0/25-media-midsize.css
+++ b/public/stylesheets/site/2.0/25-media-midsize.css
@@ -86,13 +86,13 @@ form.single .autocomplete li.input {
 /* 08 actions */
 
 .javascript .work.navigation .chapter .secondary {
-  flex-wrap: wrap;
   padding-block-start: 0.375em;
+    flex-wrap: wrap;
 }
 
 .javascript .work.navigation .secondary p {
-  flex-wrap: wrap;
-  justify-content: center;
+    flex-wrap: wrap;
+    justify-content: center;
 }
 
 .javascript .work.navigation .secondary input {