Power button tweaks from the hackathon.

[invirt/packages/invirt-web.git] / code / static / style.css

diff --git a/code/static/style.css b/code/static/style.css
index 29216cc..49fe8e2 100644 (file)
--- a/code/static/style.css
+++ b/code/static/style.css
@@ -75,18 +75,32 @@ td.error {
 }
 
 /* Machine list power buttons */
-.power.on:hover {
-  background: url(/static/power_button_on_to_off_bg.png);
-}
-.power.off:hover {
-  background: url(/static/power_button_off_to_on_bg.png);
+.power {
+  width: 32px;
+  height: 32px;
+  background-color: transparent;
+  background-position: 0 0;
+  margin: 0;
+  border: 0;
+  text-indent: 64px;
+  line-height: 128px;
+  cursor: pointer;
+}
+.power:hover {
+  background-position: 0 32px;
+}
+.power.on {
+  background-image: url(power_button_on.png);
+}
+.power.off {
+  background-image: url(power_button_off.png);
 }
 
 /* Striping applied (by JavaScript) to every other row in /list. */
 tr.stripedrow {
-  background-color: #DDF;
+  background-color: #e8e8ff;
 }
 
-#machinelist tr > td:first-child {
-  padding-right: 1em;
+#machinelist td, #machinelist th {
+  padding: 0.1em 0.5em;
 }