From 443930291d24bbb69e1bf033212cd1e35dc10d09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Fri, 21 Aug 2020 09:32:53 +0200
Subject: [PATCH] Fix dark theme compatibility and sizing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/components/CollectionList.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/CollectionList.vue b/src/components/CollectionList.vue
index 06021298..e720290c 100644
--- a/src/components/CollectionList.vue
+++ b/src/components/CollectionList.vue
@@ -24,7 +24,7 @@
 	<ul v-if="collections && type && id" id="collection-list" class="collection-list">
 		<li @click="showSelect">
 			<div class="avatar">
-				<span class="icon-projects icon-white" />
+				<span class="icon-projects" />
 			</div>
 			<div id="collection-select-container">
 				<Multiselect ref="select" v-model="value" :options="options"
@@ -220,6 +220,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+	.collection-list * {
+		box-sizing: border-box;
+	}
 	.collection-list > li {
 		display: flex;
 		align-items: start;
@@ -280,7 +283,7 @@ export default {
 		height: 32px;
 		margin: 0;
 		padding: 8px;
-		background-color: var(--color-text-maxcontrast);
+		background-color: var(--color-background-dark);
 		margin-top: 30px;
 	}