From 4f5cac14280fd9e4f257e581077ddcf882669b3c Mon Sep 17 00:00:00 2001
From: Thomas Amland <thomas.amland@gmail.com>
Date: Tue, 4 Aug 2020 18:21:18 +0200
Subject: [PATCH] fix image responsiveness

---
 src/library/album/AlbumDetails.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/library/album/AlbumDetails.vue b/src/library/album/AlbumDetails.vue
index 31e13e1..f6d4467 100644
--- a/src/library/album/AlbumDetails.vue
+++ b/src/library/album/AlbumDetails.vue
@@ -1,6 +1,6 @@
 <template>
   <div v-if="album">
-    <div class="d-flex align-items-start mb-3">
+    <div class="d-flex mb-3">
       <b-img height="300" width="300" fluid :src="album.image"/>
       <div class="ml-3 ml-md-4">
         <h1>{{ album.name }}</h1>
@@ -20,6 +20,11 @@
     </div>
   </div>
 </template>
+<style scoped>
+  img {
+    max-width: 50%;
+  }
+</style>
 <script lang="ts">
 import Vue from "vue";
 import TrackList from "@/library/TrackList.vue"