From 601496828c6ccb81a90896a518cf6f251dd1eb5d Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Sat, 5 Jan 2019 15:56:06 +0100
Subject: [PATCH] Fixed a few broken icons due to Semantic UI upgrade

---
 front/src/components/federation/LibraryWidget.vue | 4 ++--
 front/src/components/library/Album.vue            | 2 +-
 front/src/components/library/Artist.vue           | 2 +-
 front/src/components/library/Track.vue            | 2 +-
 front/src/views/content/remote/Home.vue           | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/front/src/components/federation/LibraryWidget.vue b/front/src/components/federation/LibraryWidget.vue
index 0902b1b9d..cf33b0add 100644
--- a/front/src/components/federation/LibraryWidget.vue
+++ b/front/src/components/federation/LibraryWidget.vue
@@ -5,9 +5,9 @@
     </h3>
     <p v-if="!isLoading && libraries.length > 0" class="ui subtitle"><slot name="subtitle"></slot></p>
     <p v-if="!isLoading && libraries.length === 0" class="ui subtitle"><translate>No matching library.</translate></p>
-    <i @click="fetchData(previousPage)" :disabled="!previousPage" :class="['ui', {disabled: !previousPage}, 'circular', 'medium', 'angle left', 'icon']">
+    <i @click="fetchData(previousPage)" :disabled="!previousPage" :class="['ui', {disabled: !previousPage}, 'circular', 'angle left', 'icon']">
     </i>
-    <i @click="fetchData(nextPage)" :disabled="!nextPage" :class="['ui', {disabled: !nextPage}, 'circular', 'medium', 'angle right', 'icon']">
+    <i @click="fetchData(nextPage)" :disabled="!nextPage" :class="['ui', {disabled: !nextPage}, 'circular', 'angle right', 'icon']">
     </i>
     <div class="ui hidden divider"></div>
     <div class="ui three cards">
diff --git a/front/src/components/library/Album.vue b/front/src/components/library/Album.vue
index 6a3cfaa8e..ba354914e 100644
--- a/front/src/components/library/Album.vue
+++ b/front/src/components/library/Album.vue
@@ -30,7 +30,7 @@
           </play-button>
 
           <a :href="wikipediaUrl" target="_blank" class="ui button">
-            <i class="wikipedia icon"></i>
+            <i class="wikipedia w icon"></i>
             <translate>Search on Wikipedia</translate>
           </a>
           <a v-if="musicbrainzUrl" :href="musicbrainzUrl" target="_blank" class="ui button">
diff --git a/front/src/components/library/Artist.vue b/front/src/components/library/Artist.vue
index 1cebafd8d..b7154935f 100644
--- a/front/src/components/library/Artist.vue
+++ b/front/src/components/library/Artist.vue
@@ -28,7 +28,7 @@
           </play-button>
 
           <a :href="wikipediaUrl" target="_blank" class="ui button">
-            <i class="wikipedia icon"></i>
+            <i class="wikipedia w icon"></i>
             <translate>Search on Wikipedia</translate>
           </a>
           <a v-if="musicbrainzUrl" :href="musicbrainzUrl" target="_blank" class="ui button">
diff --git a/front/src/components/library/Track.vue b/front/src/components/library/Track.vue
index d4127de1d..866231b62 100644
--- a/front/src/components/library/Track.vue
+++ b/front/src/components/library/Track.vue
@@ -44,7 +44,7 @@
           <track-playlist-icon :button="true" v-if="$store.state.auth.authenticated" :track="track"></track-playlist-icon>
 
           <a :href="wikipediaUrl" target="_blank" class="ui button">
-            <i class="wikipedia icon"></i>
+            <i class="wikipedia w icon"></i>
             <translate>Search on Wikipedia</translate>
           </a>
           <a v-if="musicbrainzUrl" :href="musicbrainzUrl" target="_blank" class="ui button">
diff --git a/front/src/views/content/remote/Home.vue b/front/src/views/content/remote/Home.vue
index c22dd677b..636b2fb8c 100644
--- a/front/src/views/content/remote/Home.vue
+++ b/front/src/views/content/remote/Home.vue
@@ -13,7 +13,7 @@
       </div>
       <template v-if="existingFollows && existingFollows.count > 0">
         <h2><translate>Known libraries</translate></h2>
-        <i @click="fetch()" :class="['ui', 'circular', 'medium', 'refresh', 'icon']" /> <translate>Refresh</translate>
+        <i @click="fetch()" :class="['ui', 'circular', 'refresh', 'icon']" /> <translate>Refresh</translate>
         <div class="ui hidden divider"></div>
         <div class="ui two cards">
           <library-card