/**
 * smartlist layout
 *
 * <ul class=smartlist>
 * 		<li><div class=icon>image</div><div class=label>title<span=detail>intro</span></div></li>
 * 		...
 * </ul>
 *
 * @author : alexis raimbault, 
 * @reference
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
*/


/* <li> contain already icons */
.list_plant {
    list-style      :none;
    display: flex;
    flex-wrap: wrap;
}
.list_plant {
    list-style      :none;
    display: flex;
    flex-wrap: wrap;
}
/*ensure floating element are overlapped*/
.list_plant .case {
    overflow        : hidden;
    background      : none; /* avoid icons putted by some reference theme */
    align-items     : center;
    width: 46%;
    text-align: center;
    padding: 10px;
    margin: 10px;
    border: 1px solid white;
}

#main_panel .list_plant li {
    margin-bottom: 0.3em;
}

/*contain title and intro*/
.list_plant .label {
    overflow        : hidden;	/*content don't go under icon*/
    font-size: 1.4em;
    margin: 0 auto;
}

/*contain icon, float left*/
.list_plant .icon {
    margin-right    : 0.6em;
}