dev/scss/main/resultinfo.scss

@charset "utf-8";
@import "../util";

$border-size : 1px;

#resultinfo {
  clear: both;
  text-align: right;
  line-height: 1.5em;
  min-height: 1.5em;
  margin-top:.4em;
  font-size: 10pt;
  p.found {
    display: inline;
    padding: 0;
    margin: 0;
    text-align: right;
  }
}

// Specify result button group layout
.result.button-group {
  vertical-align: bottom;
  display: inline-block;
  line-height: 1.3em;

  > span {
    line-height: 1.3em;
    border-width: $result-border-size 0;
    &:first-child {
      border-left-width: $result-border-size;
    }
    &:last-child {
      border-right-width: $result-border-size;
    }
  }

  // Define icons for result buttons
  .button-icon {
    &.align.left::after {
      content: $fa-left-align;
    }
    &.align.right::after {
      content: $fa-right-align;
    }
    &.show-kq::after {
      content: $fa-code;
    }
  }
}


#resultinfo.found {
  position: relative;
  // z-index: 20;
  margin-bottom: 0px;

  .button-group > span {
    margin-bottom: 0;
    border-bottom-width: 0;
    box-shadow: none;
    &:first-child {
      border-bottom-left-radius: 0;
    }
    &:last-child {
      border-bottom-right-radius: 0;
    }   
  }

  /*
  div.result.left {
    position: absolute;
    left: 0;
    bottom: 0;
  }
  */
}



#total-results {
  color: $total-results;
  font-weight: bold;
}

#no-results {
  margin: 0 auto;
  text-align: center;
  code {
    font-weight: bold;
  }
}