table.search.friend {
    width:100%;
}
    table.search.friend td {
        padding:0;
    }
table.search.friend input[type=text], table.search.friend select 
 {
    width:calc(100% - 2em);
    margin:0;
    float: left;

}
a.close-search {
    font-size:1.1em!important;
}

span.cell-cmds span.search {
    float: none;
    margin: 0 5px;
}
span.search {
    display:inline-block;
    white-space: nowrap;
    border:1px solid #eee;
    border-radius:5px;
}
.show-cmd-name a.button.search
{
    font-size:2em;
       width: 2em!important;
}
    span.search span, span.search input, span.search a {
        display:inline-block;
    }
span.cell-cmds span.search span input[type=text] {
    width:9em;
    border:none;   
}

/*
    span.search ~ a {margin-right:-5px;position:absolute;}
    */
span.search ~ a.button {
    display:none;
}
span.search.closed ~ a.button {
    display:inline-block;
}

span.search span a {position:absolute;left:0;font-size:0.8em;}
span.search span{position: relative;padding-left:1.3em;}
span.search.closed span {display:none; }