/**
 * Licensed to Big Data Genomics (BDG) under one
 * or more contributor license agreements.  See the NOTICE file
 * distributed with this work for additional information
 * regarding copyright ownership.  The BDG licenses this file
 * to you under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance
 * with the License.  You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.variants, .genotypes, .coverage, .features, .pileup {
    border-bottom: 1px solid grey;
}

.pileup-root > .features {
    min-height: 20px; /* set min height if no data */
}

/* remove flex */
.pileup-root {
	height: inherit;
}

/* remove absolute positioning */
.track-content > div {
	position: relative;
}

/* make border height same as content */
.pileup-root > .track {
    height: inherit;
}

/* remove odd sizing for genotypes */
.pileup-root > .pileup, .pileup-root > .genotypes {
    flex: none;
}

.track.genotypes {
    max-height: 200px;
    min-height: 0px; /* override 300px for tracks */
}

/* this is is to float Zoom in message for genotypes to match other messages with track label */
#pileup > div > div.track.genotypes > div.track-content > div > div > .center {
    margin-left: 100px;
}

/* TODO: this should be fixed in pileup, where genotype height is set to 100% */
#pileup > div > div.track.genotypes > div.track-content > div > div > div {
    height: inherit !important;
}

/* Make loading sign for reads stick to top of container */
.network-status {
    height: inherit;
}
