move switcher buttons styles to the app

opentech/static_src/src/app/src/components/Switcher/index.js

@@ -3,6 +3,8 @@ import ReactDOM from 'react-dom';
 import ArrayIcon from 'images/icon-array.svg'
 import GridIcon from 'images/icon-grid.svg';
 
+import './styles.scss';
+
 class Switcher extends React.Component {
     constructor(props) {
         super(props);

opentech/static_src/src/app/src/components/Switcher/styles.scss

+.button {
+    &--switcher {
+        fill: transparentize($color--white, .5);
+        transition: fill $transition;
+
+        &:hover,
+        &:focus {
+            fill: transparentize($color--white, .25);
+        }
+
+        &:first-child {
+            margin-right: 10px;
+        }
+
+        &.is-active {
+            fill: $color--white;
+        }
+
+        svg {
+            width: 45px;
+            height: 45px;
+        }
+    }
+}

opentech/static_src/src/sass/apply/components/_button.scss

@@ -208,27 +208,4 @@
             fill: $color--white;
         }
     }
-
-    &--switcher {
-        fill: transparentize($color--white, .5);
-        transition: fill $transition;
-
-        &:hover,
-        &:focus {
-            fill: transparentize($color--white, .25);
-        }
-
-        &:first-child {
-            margin-right: 10px;
-        }
-
-        &.is-active {
-            fill: $color--white;
-        }
-
-        svg {
-            width: 45px;
-            height: 45px;
-        }
-    }
 }