@import "../util.less";

.perseus-widget-radio {
    div,
    div > p {
        /* TODO(alpert): Find a better way of doing inline renderers */
        display: inline;
    }

    .svg-image div {
        // The divs in an svg image shouldn't be inline
        display: block;
    }

    li {
        div.instructions {
            margin-bottom: 5px;
        }

        .value {
            display: block;
            margin-left: 18px;
            min-height: 22px;
        }

        img, table {
            display: inline-block;
            vertical-align: middle;
        }

        table {
            border: 1px solid #ccc;
        }
    }
}

@import "../util.less";

.perseus-widget-radio {
    div,
    div > p {
        /* TODO(alpert): Find a better way of doing inline renderers */
        display: inline;
    }

    .unresponsive-svg-image div, .svg-image div {
        // The divs in an svg image shouldn't be inline
        display: block;
    }

    li {
        div.instructions {
            margin-bottom: 5px;
        }

        .value {
            display: block;
            margin-left: 18px;
            min-height: 22px;
        }

        img, table {
            display: inline-block;
            vertical-align: middle;
        }

        table {
            border: 1px solid #ccc;
        }
    }
}

Fix graphie label positioning in firefox
Fix graphie label positioning in firefox

Summary:
https://app.asana.com/0/27216215224639/168585470720057

When we added `.unresponsive-svg-image`s, we forgot to update
this CSS which makes them work in radio widgets! CSS strikes again! :(

Before;
{F551787}

After:
{F551786}

Test Plan:
 - `make lint test`
 - `make serve`
 - Visit [this item with a web+graphie image in the renderer and radio
   widget](http://localhost:9000/#content=%7B%22question%22%3A%7B%22content%22%3A%22%21%5B%5D%28web%2Bgraphie%3A%2F%2Fka-perseus-graphie.s3.amazonaws.com%2F30df18206281cd721f8a4df6d6b6838d880d763b%29%5Cn%5Cn%5B%5B%E2%98%83%20radio%201%5D%5D%5Cn%5Cn%22%2C%22images%22%3A%7B%22web%2Bgraphie%3A%2F%2Fka-perseus-graphie.s3.amazonaws.com%2F30df18206281cd721f8a4df6d6b6838d880d763b%22%3A%7B%22width%22%3A195%2C%22height%22%3A195%7D%7D%2C%22widgets%22%3A%7B%22radio%201%22%3A%7B%22type%22%3A%22radio%22%2C%22alignment%22%3A%22default%22%2C%22static%22%3Afalse%2C%22graded%22%3Atrue%2C%22options%22%3A%7B%22choices%22%3A%5B%7B%22content%22%3A%22%21%5B%5D%28web%2Bgraphie%3A%2F%2Fka-perseus-graphie.s3.amazonaws.com%2F30df18206281cd721f8a4df6d6b6838d880d763b%29%22%2C%22correct%22%3Atrue%7D%2C%7B%22correct%22%3Afalse%7D%5D%2C%22randomize%22%3Afalse%2C%22multipleSelect%22%3Afalse%2C%22displayCount%22%3Anull%2C%22hasNoneOfTheAbove%22%3Afalse%2C%22onePerLine%22%3Atrue%2C%22deselectEnabled%22%3Afalse%7D%2C%22version%22%3A%7B%22major%22%3A1%2C%22minor%22%3A0%7D%7D%7D%7D%2C%22answerArea%22%3A%7B%22calculator%22%3Afalse%2C%22chi2Table%22%3Afalse%2C%22periodicTable%22%3Afalse%2C%22tTable%22%3Afalse%2C%22zTable%22%3Afalse%7D%2C%22itemDataVersion%22%3A%7B%22major%22%3A0%2C%22minor%22%3A1%7D%2C%22hints%22%3A%5B%5D%7D) in firefox
 - See that the graphie labels are correctly positioned

Reviewers: alex, kevinb, benkomalo

Reviewed By: benkomalo

Subscribers: jared

Differential Revision: https://phabricator.khanacademy.org/D30128
