From f9e564fc9bfeaa6b7462b582bcb8bb6265ada078 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Wed, 6 Nov 2024 09:26:07 +0100
Subject: [PATCH] fix(style): Remove classes that were overriding new Artist
 Card styles

---
 front/src/components/artist/Card.vue          |  2 +-
 front/src/components/artist/style.module.scss | 28 -------------------
 front/src/components/library/Artists.vue      |  2 +-
 3 files changed, 2 insertions(+), 30 deletions(-)
 delete mode 100644 front/src/components/artist/style.module.scss

diff --git a/front/src/components/artist/Card.vue b/front/src/components/artist/Card.vue
index aa55b94af..6a3542a2d 100644
--- a/front/src/components/artist/Card.vue
+++ b/front/src/components/artist/Card.vue
@@ -26,7 +26,7 @@ const image = artist.cover
 </script>
 
 <template>
-  /front/src/components/artist/Card.vue
+  <span style="position:absolute; font-size:.7em">/front/src/components/artist/Card.vue</span>
   <fw-card
     :title="artist.name"
     :image="image"
diff --git a/front/src/components/artist/style.module.scss b/front/src/components/artist/style.module.scss
deleted file mode 100644
index 6219103c6..000000000
--- a/front/src/components/artist/style.module.scss
+++ /dev/null
@@ -1,28 +0,0 @@
-.funkwhale {
-  &.card.artist-card {
-    --fw-border-radius: 12px;
-    --fw-card-width: 208px;
-    --fw-card-image-width: calc(var(--fw-card-width) - 16px);
-    --fw-card-padding: 16px;
-
-    > .card-image {
-      border-radius: 50% !important;
-      width: var(--fw-card-image-width);
-      margin: calc(-1 * var(--fw-card-padding) + 8px) calc(-1 * var(--fw-card-padding) + 8px) 0;
-    }
-
-    .play-button {
-      top: calc(var(--fw-card-width) - 44px - 8px) !important;
-    }
-
-    > .card-title {
-      font-size: 1rem;
-      text-align: left !important;
-    }
-
-    > .card-content {
-      padding-top: 6px !important;
-      text-align: left !important;
-    }
-  }
-}
diff --git a/front/src/components/library/Artists.vue b/front/src/components/library/Artists.vue
index 1d3c7b8d6..06e015773 100644
--- a/front/src/components/library/Artists.vue
+++ b/front/src/components/library/Artists.vue
@@ -227,7 +227,7 @@ const paginateOptions = computed(() => sortedUniq([12, 30, 50, paginateBy.value]
       <div class="ui hidden divider" />
       <div
         v-if="result && result.results.length > 0"
-        class="ui five app-cards cards"
+        style = "display:flex; flex-wrap:wrap; gap: 32px;"
       >
         <div
           v-if="isLoading"