wider volume buttons

[serve0] / static / common.css

diff --git a/static/common.css b/static/common.css
index 012757a2c779508746289c99601ad24bc986bd6a..312176ce6611784137bfa48cf4f8b77b3052741c 100644 (file)
--- a/static/common.css
+++ b/static/common.css
@@ -447,10 +447,19 @@ form#advctl.playctl fieldset.volume { height: 4em; }
 form.playctl fieldset.volume button[name="amp"] {position: absolute; width: 50%; height: 4em; top: 0;}
 form.playctl fieldset.volume button[value="off"] {left:0;}
 form.playctl fieldset.volume button[value="on"] {right:0;}
-form.playctl fieldset.volume button[name="vol"] {position: relative; display: inline-block; width: 4%;}
-form.playctl fieldset.volume button[name="vol"].selected { background-color: #FA6;}
-form.playctl fieldset.volume button[name="vol"][value="100"],
-form.playctl fieldset.volume button[name="vol"][value="0"] { width: 4%;}
+form.playctl fieldset.volume button[name="vol"] {
+  position: relative; display: inline-block;
+  width: 4%;
+  border: 1px solid black; border-right: none;
+}
+form.playctl fieldset.volume button[name="vol"].selected { width: 2%; background-color: #FA6;}
+form.playctl fieldset.volume button[name="vol"].lselected,
+form.playctl fieldset.volume button[name="vol"].gselected { width: 7.5%;}
+form.playctl fieldset.volume button[name="vol"].llselected,
+form.playctl fieldset.volume button[name="vol"].ggselected { width: 6.5%;}
+
+/*form.playctl fieldset.volume button[name="vol"][value="100"],
+  form.playctl fieldset.volume button[name="vol"][value="0"] { width: 4%;}*/
 form.playctl fieldset.pasink button { width: 100%; height: 3em;}
 
 span.progress {