From 4e9318751e491128e3cd922c2ad6bc00f3051ee0 Mon Sep 17 00:00:00 2001
From: paul <paul@plutz.net>
Date: Wed, 25 Jan 2017 18:19:33 +0000
Subject: [PATCH] wider volume buttons

svn path=/trunk/; revision=173
---
 static/common.css         | 17 +++++++++++++----
 templates/playctl.html.sh |  8 +++++++-
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/static/common.css b/static/common.css
index 012757a..312176c 100644
--- 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 {
diff --git a/templates/playctl.html.sh b/templates/playctl.html.sh
index 9152db4..28f51cf 100755
--- a/templates/playctl.html.sh
+++ b/templates/playctl.html.sh
@@ -75,7 +75,13 @@ cat <<EOF
     </fieldset>
     <fieldset class="volume">
       $(for n in $(seq 0 5 100); do
-        printf '<button class="%s" type="submit" name="vol" value="%s">&nbsp;</button>' "$([ "$volume" = "$n" ] && printf selected)" "$n"
+        printf '<button class="%s" type="submit" name="vol" value="%s">&nbsp;</button>' \
+          "$( [ "$n" = "$volume" ] && printf selected
+              [ "$n" = "$((volume - 10))" ] && printf llselected
+              [ "$n" = "$((volume -  5))" ] && printf  lselected
+              [ "$n" = "$((volume +  5))" ] && printf  gselected
+              [ "$n" = "$((volume + 10))" ] && printf ggselected
+           )" "$n"
       done)
     </fieldset>
   </form>
-- 
2.39.2