/**
 * Page content
 */
h1,
h3 {
    font-weight: bold;
}

h1,
h3,
h4 {
    text-align: center;
}

.page-content {
    padding: 140px 0 40px;
}

.page-heading {
    font-size: 20px;
}

.post-list {
    margin-left: 0;
    margin-right: 0;
    list-style: none;

    > li {
        margin-bottom: $spacing-unit;
    }
}

.post-meta {
    font-size: $small-font-size;
    color: $grey-color;
}

.post-link {
    display: block;
    font-size: 24px;
}

.job-list {
    margin-left: 0;
    list-style: none;

    > li {
        width: 45%;
        margin-right: 4%;
        list-style: none;
        margin-bottom: 20px;
        display: inline-block;
        vertical-align: top;

        > h2,
        > p {
            margin-bottom: 0;
        }

        > h2 a,
        > .organization,
        > .rate {
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100%;
                display: block;
        }
    }
}

@media screen and (max-width: $on-palm) {
    .job-list > li {
        width: 95%;
    }
}

/**
 * Page content
 */
h1,
h3 {
    font-weight: bold;
}

h1,
h3,
h4 {
    text-align: center;
}

.page-content {
    padding: 140px 0 40px;
}

.page-heading {
    font-size: 20px;
}

.post-list {
    margin-left: 0;
    margin-right: 0;
    list-style: none;

    > li {
        margin-bottom: $spacing-unit;
    }
}

.post-meta {
    font-size: $small-font-size;
    color: $grey-color;
}

.post-link {
    display: block;
    font-size: 24px;
}

.job-list {
    margin-left: 0;
    list-style: none;

    > li {
        /*width: 45%;
        margin-right: 4%;*/
        list-style: none;
        margin-bottom: 2em;
        margin-top: 1em;
        display: inline-block;
        vertical-align: top;

        > h2,
        > p {
            margin-bottom: 0;
        }

        > h2 a,
        > .organization,
        > .rate {
                /*white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;*/
                max-width: 100%;
                display: block;
        }
    }
}

@media screen and (max-width: $on-palm) {
    .job-list > li {
        width: 95%;
    }
}

Fix list display on job board so longer names are shown better.
Fix list display on job board so longer names are shown better.

Relevant to https://github.com/opensourcedesign/jobs/issues/129
