Remove media query from arrow-button class as it's handled by the mixin

.. @mixin _icon-arrow-animated
danskernesdigitalebibliotek · Dec 29, 2023 · c2fd4bb · c2fd4bb
1 parent 2d32132
commit c2fd4bb
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/src/stories/Library/Arrows/arrows.scss b/src/stories/Library/Arrows/arrows.scss
@@ -47,8 +47,4 @@
   // This width mimics what the expanded svg width. The class is intended to be
   // used when the arrow needs to be within a button so they look the same.
   width: 101px;
-
-  @include media-query__small {
-    display: none;
-  }
 }
diff --git a/src/stories/Library/Lists/list-reservation/ListReservationsAndLoans.tsx b/src/stories/Library/Lists/list-reservation/ListReservationsAndLoans.tsx
@@ -103,7 +103,9 @@ export const ListReservationsAndLoans = (
               <p className="text-body-medium-medium">Gebyr {fee},-</p>
             </div>
           ) : null}
-          <ArrowSmallRight />
+          <button type="button" className="arrow-button">
+            <ArrowSmallRight />
+          </button>
         </div>
       </div>
     </div>