make switch actually look good and work correctly

[tricorder.git] / style / tricorder.css

diff --git a/style/tricorder.css b/style/tricorder.css
index cc79adee420a936bb60e25ae4fc79f2fa45762ac..d60e7aa7c8da09f99984633578cb6b30dde02f33 100644 (file)
--- a/style/tricorder.css
+++ b/style/tricorder.css
@@ -248,10 +248,9 @@ button {
   color: #000000;
   background-color: #C09070;
   border-radius: 3000px;
-  margin: 0 .25em;
 }
 
-button.disabled {
+button:disabled {
   background-color: #402858;
 }
 
@@ -276,19 +275,28 @@ button.disabled {
 }
 
 #envFlashAvail {
-  padding: 1em 3px 0;
+  margin-top: .5em;
+  padding: .5em 3px 0;
+  border-top: 2px solid #A09090;
+}
+
+.envButton {
+  font-size: 200%;
+  margin-top: .25em;
 }
 
 #envFlashOn {
-  margin-right: 0;
+  margin-right: 3px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
+  padding-left: .5em;
 }
 
 #envFlashOff {
   margin-left: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
+  padding-right: .5em;
 }
 
 @media screen and (min-width: 500px) {