/**
 * Copyright 2017 Simon Edwards <simon@simonzone.com>
 */
@import "bootstrap/_variables";

.container {
  display: flex;
  width: 100%;
  align-items: baseline;

  font-family: $font-family-base;
  font-size: $font-size-base;
  line-height: $line-height-base;
  color: $text-color;
  background-color: $body-bg;
  
  padding: $panel-body-padding;
  
  &:focus {
    outline: 0 solid black;
  }
}

.filename {
  flex-shrink: 0;
  flex-grow: 2;
  flex-basis: 0;
}

.available-bytes-unknown-total, .available-bytes-known-total, .available-bytes-known-total-finished, .eta {
  flex-shrink: 0;
  flex-grow: 0;
}

.available-bytes-unknown-total, .available-bytes-known-total, .available-bytes-known-total-finished {
  min-width: 8em;
  text-align: right;
  padding-right: 1em;
}

.eta {
  padding-left: 1em;
  min-width: 8em;
}

.progress-container {
  flex-grow: 1;
  align-self: baseline;

  progress {
    width: 100%;
  }
}

/**
 * Copyright 2017 Simon Edwards <simon@simonzone.com>
 */
@import "bootstrap/_variables";

.container {
  display: flex;
  width: 100%;

  font-family: $font-family-base;
  font-size: $font-size-base;
  line-height: $line-height-base;
  color: $text-color;
  background-color: $body-bg;
  
  padding: $panel-body-padding;
  
  &:focus {
    outline: 0 solid black;
  }
}

.filename {
  flex-shrink: 0;
  flex-grow: 2;
  flex-basis: 0;
}

.available-bytes-unknown-total, .available-bytes-known-total, .available-bytes-known-total-finished, .eta {
  flex-shrink: 0;
  flex-grow: 0;
}

.available-bytes-unknown-total, .available-bytes-known-total, .available-bytes-known-total-finished {
  min-width: 8em;
  text-align: right;
  padding-right: 1em;
}

.eta {
  padding-left: 1em;
  min-width: 8em;
}

.progress-container {
  flex-grow: 1;
  align-self: baseline;

  progress {
    width: 100%;
  }
}

Fix the vertical alignment of the text in the Download viewer
Fix the vertical alignment of the text in the Download viewer

issue #67
