From 1986105e716c800bfb06ab4d3a6947bca1ad04db Mon Sep 17 00:00:00 2001
From: Artem Anufrij <artem.anufrij@live.de>
Date: Fri, 15 Sep 2023 21:49:09 +0200
Subject: [PATCH] small style changes and fix #14

---
 public/static/app.css                   | 1 +
 src/App.vue                             | 2 +-
 src/components/dialogs/ArtistViewer.vue | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/static/app.css b/public/static/app.css
index c258f44..aac381a 100644
--- a/public/static/app.css
+++ b/public/static/app.css
@@ -76,6 +76,7 @@ td.fillCell>* {
 }
 
 .componentTitle {
+  border-top: 1px solid #ffffffc0;
   position: absolute;
   bottom: 0;
   background-color: #ffffffb0;
diff --git a/src/App.vue b/src/App.vue
index a6aa899..5f8bbf2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -47,7 +47,7 @@
           v-model.lazy="$store.state.search.term"
           placeholder="Search…"
           autocomplete="one-time-code"
-          class="hideOnMobile"
+          class="hideOnMobilePortrait"
         />
         <DropDown v-if="user.token">
           <template v-slot:default>
diff --git a/src/components/dialogs/ArtistViewer.vue b/src/components/dialogs/ArtistViewer.vue
index 5ed7943..e16b8b6 100644
--- a/src/components/dialogs/ArtistViewer.vue
+++ b/src/components/dialogs/ArtistViewer.vue
@@ -38,7 +38,7 @@
             @dblclick="playAlbum(album)"
           />
         </div>
-        <div id="navigation" class="flex-row center">
+        <div id="navigation" class="flex-row center ma-top">
           <div class="flex-row grow"></div>
           <div class="flex-row">
             <button