File: css/style.css

/*
  This file is part of Icons Picker for FontAwesome.

  Icons Picker for FontAwesome is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  Icons Picker for FontAwesome is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.

  You should have received a copy of the GNU General Public License
  along with Icons Picker for FontAwesome.  If not, see <https://www.gnu.org/licenses/>
*/

#selectedIcons{
  width: 100%;
}

.icons-container{
  max-height: 30vh;
  overflow-y: auto;
}
  .icons-container div{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2rem;
    max-height: 100%;
  }

.selected-icons-display i,
.icons-container i{
  font-size: 150%;
  margin: .2rem;
  cursor: pointer;
  transition-duration: .1s;
}
  .selected-icons-display i:hover,
  .icons-container i:hover{
    transform: scale(1.2);
  }
  .selected-icons-display i{
    color: #8f7a8c;
    font-size: 200%;
  }
  .icons-container i{
    color: #666;
  }
    .icons-container i:hover{
      color: #00a1ab;
    }