From e815ec0d9f015bdb49f69360eb24e23e399a5401 Mon Sep 17 00:00:00 2001
From: Tobias Bieniek <tobias@bieniek.cloud>
Date: Fri, 11 Apr 2025 11:10:38 +0200
Subject: [PATCH 1/2] Extract global `.load-more-button` CSS class

---
 app/styles/dashboard.module.css      | 15 ---------------
 app/styles/shared/buttons.module.css | 15 +++++++++++++++
 app/templates/crate/versions.hbs     |  1 +
 app/templates/dashboard.hbs          |  2 +-
 4 files changed, 17 insertions(+), 16 deletions(-)

diff --git a/app/styles/dashboard.module.css b/app/styles/dashboard.module.css
index 18e2471aef7..1b5df9d7f93 100644
--- a/app/styles/dashboard.module.css
+++ b/app/styles/dashboard.module.css
@@ -118,19 +118,4 @@
 :global(.load-more) {
     padding: var(--space-s);
     border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #232321);
-
-    button {
-        display: block;
-        text-align: center;
-        width: 100%;
-        padding: var(--space-2xs);
-        outline: 0;
-        border: 0;
-        background-color: light-dark(#dbd9cf, #202023);
-        color: light-dark(#525252, #f9f7ec);
-
-        &:hover, &:focus {
-            background-color: light-dark(#c5c2b2, #26262b);
-        }
-    }
 }
diff --git a/app/styles/shared/buttons.module.css b/app/styles/shared/buttons.module.css
index 23708f132bd..cee8a2aeebf 100644
--- a/app/styles/shared/buttons.module.css
+++ b/app/styles/shared/buttons.module.css
@@ -84,3 +84,18 @@
 :global(.button--small) {
     padding: var(--space-2xs) var(--space-s);
 }
+
+:global(.load-more-button) {
+    display: block;
+    text-align: center;
+    width: 100%;
+    padding: var(--space-2xs);
+    outline: 0;
+    border: 0;
+    background-color: light-dark(#dbd9cf, #202023);
+    color: light-dark(#525252, #f9f7ec);
+
+    &:hover, &:focus {
+        background-color: light-dark(#c5c2b2, #26262b);
+    }
+}
diff --git a/app/templates/crate/versions.hbs b/app/templates/crate/versions.hbs
index 1a700342e8e..dc115ad92d4 100644
--- a/app/templates/crate/versions.hbs
+++ b/app/templates/crate/versions.hbs
@@ -30,6 +30,7 @@
   <div local-class="load-more" class="load-more">
     <button
       type="button"
+      class="load-more-button"
       data-test-id={{if this.loadMoreTask.isRunning "loading" "load-more"}}
       disabled={{this.loadMoreTask.isRunning}}
       {{on "click" (perform this.loadMoreTask)}}
diff --git a/app/templates/dashboard.hbs b/app/templates/dashboard.hbs
index 5d639f6595e..99efde8f4a7 100644
--- a/app/templates/dashboard.hbs
+++ b/app/templates/dashboard.hbs
@@ -61,7 +61,7 @@
 
       {{#if this.hasMore}}
         <div class="load-more">
-          <button type="button" disabled={{this.loadMoreTask.isRunning}} {{on "click" (perform this.loadMoreTask)}}>
+          <button type="button" class="load-more-button" disabled={{this.loadMoreTask.isRunning}} {{on "click" (perform this.loadMoreTask)}}>
             Load More
             {{#if this.loadMoreTask.isRunning}}
               <LoadingSpinner />

From f24b03d18f53461a180655246271c243ebd0e8c2 Mon Sep 17 00:00:00 2001
From: Tobias Bieniek <tobias@bieniek.cloud>
Date: Fri, 11 Apr 2025 11:14:19 +0200
Subject: [PATCH 2/2] Remove global `.load-more` class

There is nothing common between the two instances anymore, so we don't need to have this as a global class anymore either.
---
 app/styles/dashboard.module.css  | 2 +-
 app/templates/crate/versions.hbs | 2 +-
 app/templates/dashboard.hbs      | 2 +-
 ember-cli-build.js               | 2 --
 4 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/styles/dashboard.module.css b/app/styles/dashboard.module.css
index 1b5df9d7f93..3be47f68338 100644
--- a/app/styles/dashboard.module.css
+++ b/app/styles/dashboard.module.css
@@ -115,7 +115,7 @@
     text-align: right;
 }
 
-:global(.load-more) {
+.load-more {
     padding: var(--space-s);
     border-top: 1px solid light-dark(hsla(51, 90%, 42%, .25), #232321);
 }
diff --git a/app/templates/crate/versions.hbs b/app/templates/crate/versions.hbs
index dc115ad92d4..acc93518e06 100644
--- a/app/templates/crate/versions.hbs
+++ b/app/templates/crate/versions.hbs
@@ -27,7 +27,7 @@
   {{/each}}
 </ul>
 {{#if (or this.loadMoreTask.isRunning this.next_page)}}
-  <div local-class="load-more" class="load-more">
+  <div local-class="load-more">
     <button
       type="button"
       class="load-more-button"
diff --git a/app/templates/dashboard.hbs b/app/templates/dashboard.hbs
index 99efde8f4a7..96e97d8e79a 100644
--- a/app/templates/dashboard.hbs
+++ b/app/templates/dashboard.hbs
@@ -60,7 +60,7 @@
       </ul>
 
       {{#if this.hasMore}}
-        <div class="load-more">
+        <div local-class="load-more">
           <button type="button" class="load-more-button" disabled={{this.loadMoreTask.isRunning}} {{on "click" (perform this.loadMoreTask)}}>
             Load More
             {{#if this.loadMoreTask.isRunning}}
diff --git a/ember-cli-build.js b/ember-cli-build.js
index 3715c3cdfb5..740385df74b 100644
--- a/ember-cli-build.js
+++ b/ember-cli-build.js
@@ -59,8 +59,6 @@ module.exports = function (defaults) {
         'crates-io/styles/shared/sort-by',
         'crates-io/styles/shared/typography',
         'crates-io/styles/application',
-        // for the `.load-more` class
-        'crates-io/styles/dashboard',
         // for the `.scopes-list` class
         'crates-io/styles/settings/tokens/new',
         // for the `.box-link` class