// Place all the styles related to the favorites controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: https://sass-lang.com/

.favNav {

  display: flex;

  a:link, a:visited {
    font-family: Helvetica, sans-serif;
    transition: .3s all ease-in-out;
    font-size: 18px;
    background-color: #3F51B5;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    flex-grow: 1;
  }

  a:hover, a:active {
    background-color: #009688;
  }
}

.thumb {
  width: 3em;
}

.table_wrapper {
  table {
    border-collapse: collapse;
    width: 100%;
  }

  th, td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }

  th .asc {
    background-image: url("app/assets/images/up.png");
  }

  th .desc {
    background-image: url("app/assets/images/down.png");
  }
}