popup.html

<style type="text/css">
table.squad {
    width:185px;
    font-size: small;
    border:#ccc 1px solid;
}
.squad th {
    width: 75%;
    color:#fff;
    border-top:1px solid #fafafa;
    border-bottom:1px solid #e0e0e0;
    background:#191970;
    text-align: left;
}
.squad tr td {
    border-top: 1px solid #ffffff;
    border-bottom:1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
}
.squad tr:hover td {
    background: #f2f2f2;
    transform:scale(1.01);
    outline:1px solid #191970;
}

#body {
    width: 600px;
    overflow: hidden;
}

#controls {
    width: 100%;
    background-color: white;
    height: 30px;
}

#container {
    width: auto;
    height: 550px;
    display: flex;
    flex-wrap: wrap;
    overflow: scroll;
    overflow-x: hidden;
}

#toons {
    width: auto;
    height: 550px;
    float: left;
    overflow: scroll;
    overflow-x: hidden;
}

#squad {
    width: 125px;
    float: right;
    height: 125px;
    background-color: white;
    border-style: solid;
    flex: 1 0 auto;
}
</style>

<div id="body">
    <div id="controls">
        <input type="button" id="getToonsBtn" value="Get Toons">
        <input type="button" id="clearBtn" value="Clear">
        <input type="button" id="copyBtn" value="Copy Toons to Clipboard">
    </div>
    <div id="toons"></div>
    <div id="container"></div>
</div>

<script type="text/javascript" src="src/jquery.min.js"></script>
<script type="text/javascript" src="src/jquery-ui.min.js"></script>
<script type="text/css" src="src/jquery-ui.css"></script>
<script type="text/javascript" src="src/popup.js"></script>