.album-list > div {
  padding : 5px;
  font-size: large;
  border-bottom: 1px solid darkgray;
  display: flex;
  flex-flow: row wrap;
}
.album-list > div > div {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
 }
.album-list .artist-name {
  margin-left: 5px;
}
.album-list .info {
  margin-left: 10px;
  font-size: medium;
}
.album-list div:last-child {
  border-bottom: 0;
}


.album {
  display: flex;
  flex-flow: column wrap;
}
.album > div {
  margin: 3px;
}
.album .thumb {
  display: flex;
  flex-flow: row wrap;
}
.album .thumb > div {
}
.album .thumb .details .album-name {
  font-size: xx-large;
}
.album .thumb .details {
  font-size: x-large;
  display: flex;
  flex-flow: column wrap;
}
.album .thumb .details > div {
  display: flex;
  flex-flow: column wrap;
}
.album .thumb .images {
  margin: 5px;
  display: flex;
  flex-flow: row wrap;
}
.album .thumb .details button {
  width: 100px;
  height: 100px;
  font-size: large;
}
.album .thumb .details .controls {
  flex: 2;
}
.album .thumb .details .date {
  font-size: large;
}