@import "../../common/constants";

.BrowserWindow {
  .addressbar {
    background-color: #EEE;
    display: flex;
    align-items: stretch;
    padding: .2rem .4rem;

    .url {
      flex: 1;
      border: solid 1px #CCC;
      border-radius: 4px 0 0 4px;
      padding: .2rem .4rem;
      background-color: white;
      color: #444;
      font-size: $font-size-small;
      user-select: all;
      white-space: nowrap;
    }

    .button {
      border: solid 1px #CCC;
      border-radius: 4px;
      padding: .2rem .4rem;
      color: #444;
      font-size: $font-size-small;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
      cursor: pointer;

      &:active {
        box-shadow: inset 0 0 4px #CCC;
      }

      &.button-refresh {
        margin-right: .2rem;

        &:before {
          content: '↻';
        }
      }

      &.button-new {
        border-left: 0;
        border-radius: 0 4px 4px 0;

        &:before {
          content: 'Open in a new tab'
        }
      }
    }
  }

  .iframe {
    width: 100%;
    flex: 1 0;
    border: none;
  }
}
