@import "{design}/app.styl"

table.settingsTable
  thead
    tr
      th
        color: $defaultColor
        text-align: center

      th:first-child
        text-align: left

  tbody
    background: #3e3e3e

    tr
      td
        color: $defaultColor
        text-align: center

        .editSetting
        .deleteSetting
          cursor: pointer
          transition(all 0.1s ease)
          
          &:hover
            color: $hoverColor
            
          &:active  
            color: $activeColor
            
      td:first-child
        text-align: left

.addSettingContainer
  margin: 10px 0
  text-align: center
  color: $defaultColor

  .addSetting
    cursor: pointer
    transition(all 0.1s ease)
    
    &:hover
      color: $hoverColor
      
    &:active  
      color: $activeColor