From 23d73adeaec83faa51b3a779199f33d2f402bce1 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Wed, 3 Jun 2020 21:01:47 +0200
Subject: [PATCH] Add mention of unsplash in the background settings

---
 src/components/lists/settings/background.vue | 1 +
 src/styles/components/list-backgrounds.scss  | 9 +++++++++
 2 files changed, 10 insertions(+)

diff --git a/src/components/lists/settings/background.vue b/src/components/lists/settings/background.vue
index 44cd629d..f0f13412 100644
--- a/src/components/lists/settings/background.vue
+++ b/src/components/lists/settings/background.vue
@@ -18,6 +18,7 @@
 						@keyup="() => newBackgroundSearch()"
 						:class="{'is-loading': backgroundService.loading}"
 				/>
+				<p class="unsplash-link"><a href="https://unsplash.com" target="_blank">Powered by Unsplash</a></p>
 				<div class="image-search-result">
 					<a
 							@click="() => setBackground(im.id)"
diff --git a/src/styles/components/list-backgrounds.scss b/src/styles/components/list-backgrounds.scss
index 82042b69..10272c27 100644
--- a/src/styles/components/list-backgrounds.scss
+++ b/src/styles/components/list-backgrounds.scss
@@ -1,5 +1,14 @@
 .list-background-setting {
 
+  .unsplash-link {
+    text-align: right;
+    font-size: .8rem;
+
+    a {
+      color: $grey-dark;
+    }
+  }
+
   .image-search-result {
     margin-top: 1em;
     display: flex;