Adhere to Trello CSS guide in green flag/stop

src/components/green-flag/green-flag.css

 .green-flag {
-    position: absolute;
-    top: 8px;
-    right: calc(480px - 16px);
     width: 16px;
     height: 16px;
 }
-
-.active {
+.green-flag.is-active {
     filter: saturate(200%) brightness(150%);
 }

src/components/green-flag/green-flag.jsx

@@ -15,7 +15,7 @@ const GreenFlagComponent = function (props) {
         <img
             className={classNames({
                 [styles.greenFlag]: true,
-                [styles.active]: active
+                [styles.isActive]: active
             })}
             src={greenFlagIcon}
             title={title}
@@ -24,16 +24,13 @@ const GreenFlagComponent = function (props) {
         />
     );
 };
-
 GreenFlagComponent.propTypes = {
     active: React.PropTypes.bool,
     onClick: React.PropTypes.func,
     title: React.PropTypes.string
 };
-
 GreenFlagComponent.defaultProps = {
     active: false,
     title: 'Go'
 };
-
 module.exports = GreenFlagComponent;

src/components/stop-all/stop-all.css

 .stop-all {
-    position: absolute;
-    top: 8px;
-    right: calc(480px - 16px - 12px - 16px);
     width: 16px;
     height: 16px;
 }
-
-.active {
+.stop-all.is-active {
     filter: saturate(200%) brightness(150%);
 }

src/components/stop-all/stop-all.jsx

@@ -15,7 +15,7 @@ const StopAllComponent = function (props) {
         <img
             className={classNames({
                 [styles.stopAll]: true,
-                [styles.active]: active
+                [styles.isActive]: active
             })}
             src={stopAllIcon}
             title={title}