/*
 * MusicDB,  a music manager with web-bases UI that focus on music.
 * Copyright (C) 2017-2020  Ralf Stemmer <ralf.stemmer@gmx.net>
 * 
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 * 
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 * 
 * You should have received a copy of the GNU General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */
.SearchResults
{
    padding:            0.5rem;
}

.SearchResults > div+div
{
    margin-top:         1rem;
}



.AlbumResults
{
    justify-content:    space-evenly;
}

.SearchResults > .AlbumResults
{
    border-radius:      var(--radius);
    background-color:   rgba( 0, 0, 0, 0.2);
    padding:            0.5rem 0;
}



.ArtistResults > span
{
    margin:             0 1ch;
}
.ArtistResults > span
{
    display:            block;
}
.ArtistResults > .AlbumResults
{
    flex-wrap:          wrap;
    justify-content:    left;
}
.ArtistResults > .AlbumResults > div
{
    margin:             0.5rem;
    margin-bottom:      0;
}



.SearchResultsPopup
{
    position:           absolute;
    left:               3ch;
    bottom:             2rem;
    width:              25vw;
    z-index:            100;

    box-shadow:         0 calc(var(--borderwidth) * 4) calc(var(--borderwidth) *  8) rgba(0, 0, 0, 1),
                        0 calc(var(--borderwidth) * 6) calc(var(--borderwidth) * 20) rgba(0, 0, 0, 0.5);
}

.SearchResultsPopup > .SongResults > div+div
{
    margin-top:         0.5rem;
}

.SearchResultsPopup > .closebutton
{
    position:           absolute;
    right:              -0.2rem;
    top:                -0.2rem;
    margin:             0;
}


#SearchResultsView
{
    width:              100%;
}

#SearchResultsView .SongTile
{
    padding:        0.5rem;
    border:         var(--borderwidth) solid;
    border-radius:  var(--radius);
    border-color:   transparent;
}
#SearchResultsView .SongTile:hover
{
    border-color:   var(--fmcolor);
}

/* vim: tabstop=4 expandtab shiftwidth=4 softtabstop=4 
 */