/** 
* CSS for displaying an entry on the paper view route
*/


.entry {
  display: grid;
  grid-template-areas: 
    "title      title   title"
    "collection authors page_label"
    "collection desc    desc";
  grid-template-columns: 2fr 6fr auto;
  grid-template-rows:    auto auto 1f;

  padding: 20px;
}

.entry .entry_collection {
  grid-area: collection;
}

.entry .entry_collection img {

  margin:  10px;
  border:  2px solid var(--color_border);
  padding: 10px;
  width:   100px;
  height:  100px;
}

.entry .entry_collection .entry_collection_title {

  margin:  10px auto 5px 0px;
  border-bottom: 2px dashed var(--color_border);
  padding: 0px 0px 0px 0px;

  white-space: pre-wrap;
  height: fit-content;
}

.entry .entry_paper {
  grid-area: paper;

  display: grid;
  grid-template-areas: 
    "title    title"
    "authors  page_label"
    "desc     desc";
  grid-template-columns: 5fr 1fr;
}

.entry .entry_title {
  grid-area: title;

  margin:  10px auto 5px 0px;
  border-bottom: 2px dashed var(--color_border);
  padding: 0px 0px 0px 0px;

  /* This looks horrible, DO NOT USE
  text-decoration:        underline;
  text-decoration-style:  dashed;
  */

  white-space: pre-wrap;
  height: fit-content;
}

.entry .entry_page {
  grid-area: page_label;

  margin: 10px auto 5px 0px;
  padding: 0px 0px 0px 0px;
}

.entry .entry_authors {
  grid-area: authors;

  margin:   5px 5px 10px 25px;
  padding:  5px 0px 5px 0px;
}

.entry .entry_authors li {
  margin:  0px;
  padding: 5px;
}

.entry .entry_desc {
  grid-area: desc;

  padding: 5px;
  border:  2px;
  border-color: black;
  margin:  10px;
}