@import "src/styles/colors";


#addMeasurement {
  align-self: center;
  width: 320px;
}

.measurement-table-wrapper {
  display: flex;
  flex-direction: column;
  .measurements {
    background-color: #ffffff;
    margin: 5px 5px 15px 5px;
    border-radius: 4px;
    -webkit-box-shadow: -1px 2px 6px 0px rgba(34,33,78,0.1);
    -moz-box-shadow: -1px 2px 6px 0px rgba(34,33,78,0.1);
    box-shadow: -1px 2px 6px 0px rgba(34,33,78,0.1);

    .header-container {
      display: flex;
      justify-content: space-between;
      border-bottom: 1px solid $color-gray2;
      h2 {
        display: inline-block;
        padding: 15px 20px;
      }
    }
    .btn {
      &--header {
        background-color: $color-gray0;
        cursor: pointer;
        color: $color-text-dimmed;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: 0;
        line-height: 20px;
        border: none;
        border-radius: 0;
        padding: 16px;
        border-left: 1px solid $color-white-1;

        img {
          width: 24px;
          height: 24px;
        }
      }
    }
  }
}