unageanu/jiji2

@import "../../colors.less";
@import "../../sizes.less";

@positions-table-left-action-panel-width:  50%;

.positions-table {

  .actions {
    .two-column-layout-parent(@positions-table-left-action-panel-width);
    .left {
      .two-column-layout-left(@positions-table-left-action-panel-width);
    }
    .right {
      .two-column-layout-right(@positions-table-left-action-panel-width);
      text-align: right;
    }
  }

  table {
    width: 100%;
    border-collapse: collapse;

    td {
      padding: @grid 2px;
      text-align: center;
      font-size:  @font-size-small;
      text-overflow: ellipsis;
    }

    td.profitOrLoss {
      width: 80px;
      text-align: right;
    }
    td.pairName {
      width: 90px;
    }
    td.status {
      width: 60px;

      .live {
        color: @negative-color;
      }
    }
    td.sellOrBuy {
      width: 60px;
    }
    td.units {
      width: 60px;
      text-align: right;
    }
    td.entryPrice {
      width: 90px;
      text-align: right;
    }
    td.exitPrice {
      width: 90px;
      text-align: right;
    }


    thead {
      tr {
        background-color: @accent-color-normal;

        th {
          color: white;
          font-size: @font-size-small;
          font-weight: normal;
          padding: @grid @grid/2;

          a {
            color: white;
            cursor: pointer;
            text-decoration: underline;
          }
        }
      }
    }
    tbody {
      tr {
        color: @font-color-normal;
        border-bottom: 1px solid @border-color;
        cursor: pointer;
      }
      tr.selected, tr:hover {
        background: @background-color-dark-alpha;
      }
      tr.selected:hover {
        background: @background-color-dark-alpha2;
      }
      tr:nth-child(odd) {
        //background: @background-color-dark-alpha;
      }
    }
  }

  .center-information {
    padding: @grid*4 0px;
    border-bottom: 1px solid @border-color;
  }
}