/*
# Open Chord Charts -- Database of free chord charts
# By: Christophe Benz <christophe.benz@gmail.com>
#
# Copyright (C) 2012 Christophe Benz
# https://gitorious.org/open-chord-charts/
#
# This file is part of Open Chord Charts.
#
# Open Chord Charts is free software; you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# Open Chord Charts 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 Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/


@media (max-width: 767px) {
  .chords {
    margin-left: -10px;
  }

  .properties .key select {
    margin-bottom: 0;
  }
}

.chords table td.bar {
  font-family: 'lilyjazzchord', sans-serif;
  text-align: center;
}

.chords table td.part-name {
  text-align: right;
}

/*
# Open Chord Charts -- Database of free chord charts
# By: Christophe Benz <christophe.benz@gmail.com>
#
# Copyright (C) 2012 Christophe Benz
# https://gitorious.org/open-chord-charts/
#
# This file is part of Open Chord Charts.
#
# Open Chord Charts is free software; you can redistribute it and/or modify
# it under the terms of the GNU Affero General Public License as
# published by the Free Software Foundation, either version 3 of the
# License, or (at your option) any later version.
#
# Open Chord Charts 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 Affero General Public License for more details.
#
# You should have received a copy of the GNU Affero General Public License
# along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/


@media (max-width: 767px) {
  .chords {
    margin-left: -20px;
    margin-right: -20px;
  }

  .chords table td.bar {
    padding-left: 2px;
    padding-right: 2px;
  }

  .properties .key select {
    margin-bottom: 0;
  }
}

.chords table td.bar {
  font-family: 'lilyjazzchord', sans-serif;
  text-align: center;
}

.chords table td.part-name {
  text-align: right;
}

Tweak CSS for small screens.
Tweak CSS for small screens.
