SwitchHosts/ui/frame/edit.less

@keyframes loading {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.frame {
  label {
    padding: 0 4em 0 0.5em;
  }

  .spiner {
    transform-origin: right center;
    animation: spin 1s;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
  }

  .ln {
    i.icon-refresh {
      display: inline-block;
      color: #999;
      margin: 0 5px;
      cursor: pointer;
      width: 20px;
      height: 20px;
      overflow: hidden;
      text-align: center;
      line-height: 20px;
      vertical-align: middle;

      &:hover {
        color: #333;
      }

      &.loading {
        animation: loading 1s infinite linear;
      }

      &.invisible {
        visibility: hidden;
      }
    }
  }

  .last-refresh {
    //padding-left: 1em;
    color: #999;
  }

  a.del {
    color: red;

    span {
      padding-left: 0.5em;
    }
  }
}