diff --git a/plugins/dockers/animation/kis_equalizer_widget.cpp b/plugins/dockers/animation/kis_equalizer_widget.cpp
index 055a446458..3d09df567f 100644
--- a/plugins/dockers/animation/kis_equalizer_widget.cpp
+++ b/plugins/dockers/animation/kis_equalizer_widget.cpp
@@ -1,153 +1,154 @@
 /*
  *  Copyright (c) 2015 Dmitry Kazakov <dimula73@gmail.com>
  *
  *  This program 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 2 of the License, or
  *  (at your option) any later version.
  *
  *  This program 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 this program; if not, write to the Free Software
  *  Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  */
 
 #include "kis_equalizer_widget.h"
 
 #include <QMouseEvent>
 #include <QApplication>
 #include <QHBoxLayout>
 
 #include "kis_equalizer_column.h"
 #include "kis_signal_compressor.h"
 
 #include "timeline_color_scheme.h"
 
 #include "kis_debug.h"
 
 
 struct KisEqualizerWidget::Private
 {
     Private()
         : maxDistance(0),
           updateCompressor(300, KisSignalCompressor::FIRST_ACTIVE)
     {
     }
 
     QMap<int, KisEqualizerColumn*> columns;
     int maxDistance;
     KisSignalCompressor updateCompressor;
 };
 
 KisEqualizerWidget::KisEqualizerWidget(int maxDistance, QWidget *parent)
     : QWidget(parent),
       m_d(new Private)
 {
     m_d->maxDistance = maxDistance;
 
     QHBoxLayout *layout = new QHBoxLayout(this);
     layout->setSpacing(0);
+    layout->setMargin(0);
 
     for (int i = -m_d->maxDistance; i <= m_d->maxDistance; i++) {
         KisEqualizerColumn *c = new KisEqualizerColumn(this, i, QString::number(i));
         layout->addWidget(c, i == 0 ? 2 : 1);
 
         if (i == m_d->maxDistance) {
             c->setRightmost(true);
         }
 
         m_d->columns.insert(i, c);
 
         connect(c, SIGNAL(sigColumnChanged(int,bool,int)),
                 &m_d->updateCompressor, SLOT(start()));
     }
 
     connect(&m_d->updateCompressor, SIGNAL(timeout()), SIGNAL(sigConfigChanged()));
     connect(m_d->columns[0], SIGNAL(sigColumnChanged(int,bool,int)), this, SLOT(slotMasterColumnChanged(int,bool,int)));
 
     setLayout(layout);
 }
 
 KisEqualizerWidget::~KisEqualizerWidget()
 {
 }
 
 KisEqualizerWidget::EqualizerValues KisEqualizerWidget::getValues() const
 {
     EqualizerValues v;
     v.maxDistance = m_d->maxDistance;
 
     for (int i = -m_d->maxDistance; i <= m_d->maxDistance; i++) {
         v.value.insert(i, m_d->columns[i]->value());
         v.state.insert(i, m_d->columns[i]->state());
     }
 
     return v;
 }
 
 void KisEqualizerWidget::setValues(const EqualizerValues &v)
 {
     for (int i = -m_d->maxDistance; i <= m_d->maxDistance; i++) {
         if (qAbs(i) <= v.maxDistance) {
             m_d->columns[i]->setValue(v.value[i]);
             m_d->columns[i]->setState(v.state[i]);
         } else {
             m_d->columns[i]->setState(false);
         }
     }
 }
 
 void KisEqualizerWidget::toggleMasterSwitch()
 {
     const bool currentState = m_d->columns[0]->state();
     m_d->columns[0]->setState(!currentState);
 }
 
 void KisEqualizerWidget::resizeEvent(QResizeEvent *event)
 {
     Q_UNUSED(event);
     const QSize newSize = m_d->columns[1]->size();
 
     QFont font =
         TimelineColorScheme::instance()->getOnionSkinsFont(
             QString::number(100), newSize);
 
     if (font.pointSize() != this->font().pointSize()) {
         setFont(font);
 
         for (int i = -m_d->maxDistance; i <= m_d->maxDistance; i++) {
             m_d->columns[i]->setFont(font);
         }
 
     }
 }
 
 void KisEqualizerWidget::mouseMoveEvent(QMouseEvent *ev)
 {
     if (!(ev->modifiers() & Qt::ShiftModifier)) return;
 
     QPoint globalPos = ev->globalPos();
     QWidget *w = qApp->widgetAt(globalPos);
 
     if (w && w->inherits("QAbstractSlider")) {
         QMouseEvent newEv(ev->type(),
                           w->mapFromGlobal(globalPos),
                           globalPos,
                           ev->button(),
                           ev->buttons(),
                           ev->modifiers() & ~Qt::ShiftModifier);
         qApp->sendEvent(w, &newEv);
     }
 }
 
 void KisEqualizerWidget::slotMasterColumnChanged(int, bool state, int)
 {
     for (int i = 1; i <= m_d->maxDistance; i++) {
         m_d->columns[i]->setForceDisabled(!state);
         m_d->columns[-i]->setForceDisabled(!state);
     }
 }
diff --git a/plugins/dockers/animation/onion_skins_docker.cpp b/plugins/dockers/animation/onion_skins_docker.cpp
index b6de9b09f4..84739711b4 100644
--- a/plugins/dockers/animation/onion_skins_docker.cpp
+++ b/plugins/dockers/animation/onion_skins_docker.cpp
@@ -1,256 +1,271 @@
 /*
  *  Copyright (c) 2015 Jouni Pentikäinen <joupent@gmail.com>
  *
  *  This program 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 2 of the License, or
  *  (at your option) any later version.
  *
  *  This program 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 this program; if not, write to the Free Software
  *  Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
  */
 
 #include "onion_skins_docker.h"
 #include "ui_onion_skins_docker.h"
 
 #include <QSlider>
 #include <QFrame>
 #include <QGridLayout>
 
 #include "kis_icon_utils.h"
 #include "kis_image_config.h"
 #include "kis_onion_skin_compositor.h"
 #include "kis_signals_blocker.h"
 #include "kis_node_view_color_scheme.h"
 #include "KisViewManager.h"
 #include "kis_action_manager.h"
 #include "kis_action.h"
 #include <KoColorSpaceRegistry.h>
 
 #include "kis_equalizer_widget.h"
 
 OnionSkinsDocker::OnionSkinsDocker(QWidget *parent) :
     QDockWidget(i18n("Onion Skins"), parent),
     ui(new Ui::OnionSkinsDocker),
     m_updatesCompressor(300, KisSignalCompressor::FIRST_ACTIVE),
     m_toggleOnionSkinsAction(0)
 {
     QWidget* mainWidget = new QWidget(this);
     setWidget(mainWidget);
 
     KisImageConfig config(true);
     ui->setupUi(mainWidget);
 
+    mainWidget->setContentsMargins(10, 10, 10, 10);
+
+
     ui->doubleTintFactor->setMinimum(0);
     ui->doubleTintFactor->setMaximum(100);
     ui->doubleTintFactor->setPrefix(i18n("Tint: "));
     ui->doubleTintFactor->setSuffix("%");
 
     ui->btnBackwardColor->setToolTip(i18n("Tint color for past frames"));
     ui->btnForwardColor->setToolTip(i18n("Tint color for future frames"));
 
 
     QVBoxLayout *layout = ui->slidersLayout;
 
     m_equalizerWidget = new KisEqualizerWidget(10, this);
     connect(m_equalizerWidget, SIGNAL(sigConfigChanged()), &m_updatesCompressor, SLOT(start()));
     layout->addWidget(m_equalizerWidget, 1);
 
     connect(ui->btnBackwardColor, SIGNAL(changed(KoColor)), &m_updatesCompressor, SLOT(start()));
     connect(ui->btnForwardColor, SIGNAL(changed(KoColor)), &m_updatesCompressor, SLOT(start()));
     connect(ui->doubleTintFactor, SIGNAL(valueChanged(qreal)), &m_updatesCompressor, SLOT(start()));
 
     connect(&m_updatesCompressor, SIGNAL(timeout()),
             SLOT(changed()));
 
 
     {
         const bool isShown = config.showAdditionalOnionSkinsSettings();
         ui->btnShowHide->setChecked(isShown);
         connect(ui->btnShowHide, SIGNAL(toggled(bool)), SLOT(slotShowAdditionalSettings(bool)));
         slotShowAdditionalSettings(isShown);
     }
 
     // create colored checkboxes for onion skin filtering
     KisNodeViewColorScheme scm;
     QPalette filterColorPalette;
     QPixmap iconPixmap(10, 10);
 
     //iconPixmap.fill(scm.colorLabel(0));
     //ui->colorFilter0_checkbox->setIcon(iconPixmap); // default(no) color
 
     iconPixmap.fill(scm.colorLabel(1));
     ui->colorFilter1_checkbox->setIcon(QIcon(iconPixmap));
 
     iconPixmap.fill(scm.colorLabel(2));
     ui->colorFilter2_checkbox->setIcon(QIcon(iconPixmap));
 
     iconPixmap.fill(scm.colorLabel(3));
     ui->colorFilter3_checkbox->setIcon(QIcon(iconPixmap));
 
     iconPixmap.fill(scm.colorLabel(4));
     ui->colorFilter4_checkbox->setIcon(QIcon(iconPixmap));
 
     iconPixmap.fill(scm.colorLabel(5));
     ui->colorFilter5_checkbox->setIcon(QIcon(iconPixmap));
 
     iconPixmap.fill(scm.colorLabel(6));
     ui->colorFilter6_checkbox->setIcon(QIcon(iconPixmap));
 
     iconPixmap.fill(scm.colorLabel(7));
     ui->colorFilter7_checkbox->setIcon(QIcon(iconPixmap));
 
     iconPixmap.fill(scm.colorLabel(8));
     ui->colorFilter8_checkbox->setIcon(QIcon(iconPixmap));
 
 
     // assign click events to color filters and group checkbox
     connect(ui->colorFilter0_checkbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
     connect(ui->colorFilter1_checkbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
     connect(ui->colorFilter2_checkbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
     connect(ui->colorFilter3_checkbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
     connect(ui->colorFilter4_checkbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
     connect(ui->colorFilter5_checkbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
     connect(ui->colorFilter6_checkbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
     connect(ui->colorFilter7_checkbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
     connect(ui->colorFilter8_checkbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
     connect(ui->colorFilterGroupbox, SIGNAL(toggled(bool)), this, SLOT(slotFilteredColorsChanged()));
 
     loadSettings();
     KisOnionSkinCompositor::instance()->configChanged();
 
+    // this mostly hides the checkboxes since no filtering is done by default
+    slotFilteredColorsChanged();
+
     resize(sizeHint());
 }
 
 
 OnionSkinsDocker::~OnionSkinsDocker()
 {
     delete ui;
 }
 
 void OnionSkinsDocker::setCanvas(KoCanvasBase *canvas)
 {
     Q_UNUSED(canvas);
 }
 
 void OnionSkinsDocker::unsetCanvas()
 {
 }
 
 void OnionSkinsDocker::setViewManager(KisViewManager *view)
 {
     KisActionManager *actionManager = view->actionManager();
 
     m_toggleOnionSkinsAction = actionManager->createAction("toggle_onion_skin");
     connect(m_toggleOnionSkinsAction, SIGNAL(triggered()), SLOT(slotToggleOnionSkins()));
 
     slotUpdateIcons();
     connect(view->mainWindow(), SIGNAL(themeChanged()), this, SLOT(slotUpdateIcons()));
 }
 
 void OnionSkinsDocker::slotToggleOnionSkins()
 {
     m_equalizerWidget->toggleMasterSwitch();
 }
 
 void OnionSkinsDocker::slotFilteredColorsChanged()
 {
     // what colors are selected to filter??
     QList<int> selectedFilterColors;
 
     if (ui->colorFilter0_checkbox->isChecked()) selectedFilterColors << 0;
     if (ui->colorFilter1_checkbox->isChecked()) selectedFilterColors << 1;
     if (ui->colorFilter2_checkbox->isChecked()) selectedFilterColors << 2;
     if (ui->colorFilter3_checkbox->isChecked()) selectedFilterColors << 3;
     if (ui->colorFilter4_checkbox->isChecked()) selectedFilterColors << 4;
     if (ui->colorFilter5_checkbox->isChecked()) selectedFilterColors << 5;
     if (ui->colorFilter6_checkbox->isChecked()) selectedFilterColors << 6;
     if (ui->colorFilter7_checkbox->isChecked()) selectedFilterColors << 7;
     if (ui->colorFilter8_checkbox->isChecked()) selectedFilterColors << 8;
 
     // show all colors if the filter is off and ignore the checkboxes
     if(ui->colorFilterGroupbox->isChecked() == false) {
         selectedFilterColors.clear();
         selectedFilterColors << 0 << 1 << 2 << 3 << 4 << 5 << 6 << 7 << 8; // show everything
     }
 
+    ui->colorFilter0_checkbox->setVisible(ui->colorFilterGroupbox->isChecked());
+    ui->colorFilter1_checkbox->setVisible(ui->colorFilterGroupbox->isChecked());
+    ui->colorFilter2_checkbox->setVisible(ui->colorFilterGroupbox->isChecked());
+    ui->colorFilter3_checkbox->setVisible(ui->colorFilterGroupbox->isChecked());
+    ui->colorFilter4_checkbox->setVisible(ui->colorFilterGroupbox->isChecked());
+    ui->colorFilter5_checkbox->setVisible(ui->colorFilterGroupbox->isChecked());
+    ui->colorFilter6_checkbox->setVisible(ui->colorFilterGroupbox->isChecked());
+    ui->colorFilter7_checkbox->setVisible(ui->colorFilterGroupbox->isChecked());
+    ui->colorFilter8_checkbox->setVisible(ui->colorFilterGroupbox->isChecked());
 
     // existing code
     KisOnionSkinCompositor::instance()->setColorLabelFilter(selectedFilterColors);
     KisOnionSkinCompositor::instance()->configChanged();
 }
 
 void OnionSkinsDocker::slotUpdateIcons()
 {
     if (m_toggleOnionSkinsAction) {
         m_toggleOnionSkinsAction->setIcon(KisIconUtils::loadIcon("onion_skin_options"));
     }
 }
 
 void OnionSkinsDocker::slotShowAdditionalSettings(bool value)
 {
     ui->lblPrevColor->setVisible(value);
     ui->lblNextColor->setVisible(value);
 
     ui->btnBackwardColor->setVisible(value);
     ui->btnForwardColor->setVisible(value);
 
     ui->doubleTintFactor->setVisible(value);
 
     QIcon icon = KisIconUtils::loadIcon(value ? "arrow-down" : "arrow-up");
     ui->btnShowHide->setIcon(icon);
 
     KisImageConfig(false).setShowAdditionalOnionSkinsSettings(value);
 }
 
 void OnionSkinsDocker::changed()
 {
     KisImageConfig config(false);
 
     KisEqualizerWidget::EqualizerValues v = m_equalizerWidget->getValues();
     config.setNumberOfOnionSkins(v.maxDistance);
 
     for (int i = -v.maxDistance; i <= v.maxDistance; i++) {
         config.setOnionSkinOpacity(i, v.value[i] * 255.0 / 100.0);
         config.setOnionSkinState(i, v.state[i]);
     }
 
     config.setOnionSkinTintFactor(ui->doubleTintFactor->value() * 255.0 / 100.0);
     config.setOnionSkinTintColorBackward(ui->btnBackwardColor->color().toQColor());
     config.setOnionSkinTintColorForward(ui->btnForwardColor->color().toQColor());
 
     KisOnionSkinCompositor::instance()->configChanged();
 }
 
 void OnionSkinsDocker::loadSettings()
 {
     KisImageConfig config(true);
 
     KisSignalsBlocker b(ui->doubleTintFactor,
                         ui->btnBackwardColor,
                         ui->btnForwardColor,
                         m_equalizerWidget);
 
     ui->doubleTintFactor->setValue(qRound(config.onionSkinTintFactor() * 100.0 / 255));
     KoColor bcol(KoColorSpaceRegistry::instance()->rgb8());
     bcol.fromQColor(config.onionSkinTintColorBackward());
     ui->btnBackwardColor->setColor(bcol);
     bcol.fromQColor(config.onionSkinTintColorForward());
     ui->btnForwardColor->setColor(bcol);
 
     KisEqualizerWidget::EqualizerValues v;
     v.maxDistance = 10;
 
     for (int i = -v.maxDistance; i <= v.maxDistance; i++) {
         v.value.insert(i, qRound(config.onionSkinOpacity(i) * 100.0 / 255.0));
         v.state.insert(i, config.onionSkinState(i));
     }
 
     m_equalizerWidget->setValues(v);
 }
diff --git a/plugins/dockers/animation/onion_skins_docker.ui b/plugins/dockers/animation/onion_skins_docker.ui
index 426e4abd46..e16b4003d5 100644
--- a/plugins/dockers/animation/onion_skins_docker.ui
+++ b/plugins/dockers/animation/onion_skins_docker.ui
@@ -1,226 +1,258 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <ui version="4.0">
  <class>OnionSkinsDocker</class>
  <widget class="QWidget" name="OnionSkinsDocker">
   <property name="geometry">
    <rect>
     <x>0</x>
     <y>0</y>
-    <width>281</width>
+    <width>336</width>
     <height>282</height>
    </rect>
   </property>
+  <property name="font">
+   <font>
+    <kerning>false</kerning>
+   </font>
+  </property>
   <property name="windowTitle">
    <string>Onion skin options</string>
   </property>
   <layout class="QVBoxLayout" name="verticalLayout">
+   <property name="leftMargin">
+    <number>12</number>
+   </property>
+   <property name="topMargin">
+    <number>12</number>
+   </property>
+   <property name="rightMargin">
+    <number>12</number>
+   </property>
+   <property name="bottomMargin">
+    <number>12</number>
+   </property>
    <item>
     <layout class="QVBoxLayout" name="slidersLayout">
      <property name="spacing">
       <number>0</number>
      </property>
     </layout>
    </item>
    <item>
     <widget class="QGroupBox" name="colorFilterGroupbox">
      <property name="sizePolicy">
       <sizepolicy hsizetype="Preferred" vsizetype="Fixed">
        <horstretch>0</horstretch>
        <verstretch>0</verstretch>
       </sizepolicy>
      </property>
      <property name="title">
       <string>Filter Frames by Color</string>
      </property>
      <property name="checkable">
       <bool>true</bool>
      </property>
+     <property name="checked">
+      <bool>false</bool>
+     </property>
      <layout class="QHBoxLayout" name="horizontalLayout_3">
       <property name="spacing">
        <number>4</number>
       </property>
+      <property name="leftMargin">
+       <number>0</number>
+      </property>
+      <property name="topMargin">
+       <number>0</number>
+      </property>
+      <property name="rightMargin">
+       <number>0</number>
+      </property>
+      <property name="bottomMargin">
+       <number>0</number>
+      </property>
       <item>
        <widget class="QCheckBox" name="colorFilter0_checkbox">
         <property name="minimumSize">
          <size>
           <width>0</width>
           <height>0</height>
          </size>
         </property>
         <property name="text">
          <string>None</string>
         </property>
         <property name="iconSize">
          <size>
           <width>16</width>
           <height>16</height>
          </size>
         </property>
        </widget>
       </item>
       <item>
        <widget class="QCheckBox" name="colorFilter1_checkbox">
         <property name="text">
          <string/>
         </property>
        </widget>
       </item>
       <item>
        <widget class="QCheckBox" name="colorFilter2_checkbox">
         <property name="text">
          <string/>
         </property>
        </widget>
       </item>
       <item>
        <widget class="QCheckBox" name="colorFilter3_checkbox">
         <property name="text">
          <string/>
         </property>
        </widget>
       </item>
       <item>
        <widget class="QCheckBox" name="colorFilter4_checkbox">
         <property name="text">
          <string/>
         </property>
        </widget>
       </item>
       <item>
        <widget class="QCheckBox" name="colorFilter5_checkbox">
         <property name="text">
          <string/>
         </property>
        </widget>
       </item>
       <item>
        <widget class="QCheckBox" name="colorFilter6_checkbox">
         <property name="text">
          <string/>
         </property>
        </widget>
       </item>
       <item>
        <widget class="QCheckBox" name="colorFilter7_checkbox">
         <property name="text">
          <string/>
         </property>
        </widget>
       </item>
       <item>
        <widget class="QCheckBox" name="colorFilter8_checkbox">
         <property name="text">
          <string/>
         </property>
        </widget>
       </item>
      </layout>
     </widget>
    </item>
    <item>
     <layout class="QVBoxLayout" name="buttonsLayout">
      <property name="spacing">
       <number>6</number>
      </property>
      <item>
       <layout class="QHBoxLayout" name="hideShowButtonlayout">
        <item>
         <widget class="Line" name="line">
          <property name="orientation">
           <enum>Qt::Horizontal</enum>
          </property>
         </widget>
        </item>
        <item>
         <widget class="QToolButton" name="btnShowHide">
          <property name="text">
           <string>+</string>
          </property>
          <property name="checkable">
           <bool>true</bool>
          </property>
          <property name="checked">
           <bool>false</bool>
          </property>
          <property name="autoRaise">
           <bool>true</bool>
          </property>
         </widget>
        </item>
       </layout>
      </item>
      <item>
       <widget class="KisDoubleSliderSpinBox" name="doubleTintFactor" native="true">
        <property name="minimumSize">
         <size>
          <width>50</width>
          <height>0</height>
         </size>
        </property>
       </widget>
      </item>
      <item>
       <layout class="QHBoxLayout" name="horizontalLayout_2">
        <item>
         <widget class="KisColorButton" name="btnBackwardColor">
          <property name="text">
           <string/>
          </property>
         </widget>
        </item>
        <item>
         <widget class="QLabel" name="lblPrevColor">
          <property name="text">
           <string>Previous frames</string>
          </property>
         </widget>
        </item>
        <item>
         <spacer name="horizontalSpacer">
          <property name="orientation">
           <enum>Qt::Horizontal</enum>
          </property>
          <property name="sizeHint" stdset="0">
           <size>
            <width>13</width>
            <height>13</height>
           </size>
          </property>
         </spacer>
        </item>
        <item>
         <widget class="QLabel" name="lblNextColor">
          <property name="text">
           <string>Next frames</string>
          </property>
         </widget>
        </item>
        <item>
         <widget class="KisColorButton" name="btnForwardColor">
          <property name="text">
           <string/>
          </property>
         </widget>
        </item>
       </layout>
      </item>
     </layout>
    </item>
   </layout>
  </widget>
  <customwidgets>
   <customwidget>
    <class>KisDoubleSliderSpinBox</class>
    <extends>QWidget</extends>
    <header>kis_slider_spin_box.h</header>
    <container>1</container>
   </customwidget>
   <customwidget>
    <class>KisColorButton</class>
    <extends>QPushButton</extends>
    <header>kis_color_button.h</header>
   </customwidget>
  </customwidgets>
  <resources/>
  <connections/>
 </ui>