FxLifeSheet/visual_playground/frontend/style.css

* {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: 300;
}

#myGraph {
    width: "100%";
    height: 500;
}

#bucketGraph {
    height: 600px;
}

.githubGraph {
    width: "100%";
    height: 340;
    padding: 0px;
    margin: 0px;
}

.pieGraph {
    width: "100%";
    height: 900px;
    padding: 0px;
    margin: 0px;
}

#pieGraphHistory {
    width: 100%;
    height: 900px;
    padding: 0;
    margin: 0;
}

#keysTable>tbody>tr>th {
    padding: 15px;
    font-weight: 800;
}

#keysTable>tbody>tr>td {
    padding: 5px;
    text-align: center;
}

#keysTable>tbody>tr>td>input {
    cursor: pointer;
}

select {
    display: block;
    height: 40px;
    width: 100%;
    line-height: 40px;
}

#max-value {
    font-weight: bold;
}

#min-value {
    font-weight: bold;
}

#keysContainer {
    float: left;
    width: 340px;
}

#keysContainer input {
    height: 20px;
    width: 20px;
}

#keysContainer tr {
    margin: 0;
    padding: 0;
}

#attributesContainer {
    float: right;
    width: calc(100% - 550px);
}

#attributesTable>tbody>tr>td {
    padding: 10px;
}

#mainForm {
    height: 300px;
    padding: 20px;
}

#mainFormGitHub {
    height: 120px;
}

td:first-child {
    text-align: right;
}

.bucket-by-option {
    width: 200px;
    display: inline;
    margin-right: 50px;
    margin-top: 20px;
}