/*
 * code-forensics
 * Copyright (C) 2016-2021 Silvio Montanari
 * Distributed under the GNU General Public License v3.0
 * see http://www.gnu.org/licenses/gpl.html
 */

@table_width: 80vw;
@table_body_height: 80vh;
@column_one_width: 15vw;
@column_two_width: 15vw;
@column_three_width: 50vw;

.reports-list {
  .title {
    text-align: center;
    font-size: 1.5em;
    margin: 5px 0;
  }

  table {
    font-size: 0.9em;
    width: @table_width;
    margin: 0 auto;

    a:visited {
      color:#0000FF;
    }

    td:nth-child(1), th:nth-child(1) { min-width: @column_one_width; }
    td:nth-child(2), th:nth-child(2) { min-width: @column_two_width; }
    td:nth-child(3), th:nth-child(3) { width: @column_three_width; }

    thead {
      tr {
        display: block;
        position: relative;

        th {
          background-color: #4682B4;
          color: #FFFFFF;
          font-weight: normal;
          padding: 5px;
          text-align: left
        }
      }
    }

    tbody {
      display: block;
      overflow-y: auto;
      width: 100%;
      height: @table_body_height;

      tr {
        background-color: #F0F0F0;
        &:nth-child(odd) {
          background-color: #DDEEFF;
        }

        td {
          padding: 5px;
          text-align: left;

          .parameters-list {
            max-width: @column_three_width;
            overflow-x: auto;
            &::-webkit-scrollbar {
              height: 0px;
            }

            .report-parameter {
              display: table-row;

              * {
                display: table-cell;
                &.param-label {
                  font-weight: bold;
                }
                &.param-value {
                  white-space: nowrap;
                  padding-left: 5px;
                }
              }
            }
          }
        }
      }
    }
  }
}