@import "../util";

/**
 * Styles for OAuth management form.
 */

ul.client-list {
  padding-left: 1.5em;

  li.client {
    list-style-type: none;

    span.client-name::before {
      margin-left: -1.5em;
    }

    span.client-desc {
      font-size: 70%;
      display:   block;
    }
  }

  br {
      display: block;
      margin: 3pt 0;
  }
}

span.client-name {
  font-weight: bold;

  &::before {
    @include icon-font;
    display:   inline-block;
    width:     1.5em;
    content:   $fa-plugin;
    color:     $ids-blue-1;
    font-size: 100%;
  }
}

li.token {
    list-style-type: none;
}


label[for=token] {
    font-weight: bold;

  &::before {
    @include icon-font;
    font-feature-settings: "ss01" on;
    margin-left: -1.5em;
    display:   inline-block;
    width:     1.5em;
    content:   $fa-token;
    color:     $ids-blue-1 !important;
    font-size: 100%;
    font-weight: 900;
  }
}
