Bug 921222 - Make App Manager disabled buttons look disabled. r=paul

browser/themes/shared/devtools/app-manager/device.css

@@ -85,6 +85,12 @@ button {
   display: none;
 }
 
+.app-buttons > button[disabled] {
+  background-color: transparent;
+  opacity: 0.4;
+  pointer-events: none;
+}
+
 .app[running="false"] > .app-buttons > .button-start,
 .app[running="true"] > .app-buttons > .button-stop,
 .app[running="true"] > .app-buttons > .button-debug {
@@ -100,6 +106,10 @@ button {
   color: #FFF;
 }
 
+.button-debug[disabled] {
+  color: #3498DB;
+}
+
 .button-start {
   color: #18BC9C
 }
@@ -109,6 +119,10 @@ button {
   color: #FFF;
 }
 
+.button-start[disabled] {
+  color: #18BC9C
+}
+
 .button-stop {
   color: #E74C3C;
 }
@@ -118,6 +132,10 @@ button {
   color: #FFF;
 }
 
+.button-stop[disabled] {
+  color: #E74C3C;
+}
+
 
 
 /*****************     PERMISSIONS     *****************/

browser/themes/shared/devtools/app-manager/projects.css

@@ -345,6 +345,12 @@ strong {
   text-transform: uppercase;
 }
 
+.project-buttons > button[disabled] {
+  background-color: transparent;
+  opacity: 0.4;
+  pointer-events: none;
+}
+
 .project-buttons > button:first-child {
   border-left-width: 1px;
 }
@@ -358,6 +364,10 @@ strong {
   color: #FFF;
 }
 
+.project-button-debug[disabled] {
+  color: #3498DB;
+}
+
 .project-button-update {
   color: #777;
 }
@@ -367,6 +377,10 @@ strong {
   color: #FFF;
 }
 
+.project-button-update[disabled] {
+  color: #777;
+}
+
 
 
 /********* ERRORS AND WARNINGS ***********/