fix drop shadow on vertical buttons

app/rest/templates/button-action.tpl

@@ -1,7 +1,5 @@
-<div class="vertical-button-group">
-  <div class="pure-button-group" role="action" style="padding: 1em 0.25em 0;">
-    <button class="pure-button" type="submit"> Apply </button>
-    <button form="clear" class="pure-button" type="submit"> Clear </button>
-    <button form="reload" class="pure-button" type="submit"> Reload </button>
-  </div>
+<div class="pure-button-group vertical-button-group" role="action" style="padding: 1em 0.25em 0;">
+  <button class="pure-button" type="submit"> Apply </button>
+  <button form="clear" class="pure-button" type="submit"> Clear </button>
+  <button form="reload" class="pure-button" type="submit"> Reload </button>
 </div>

app/rest/templates/button-style.tpl

@@ -1,16 +1,16 @@
 <style>
-.vertical-button-group .pure-button-group .pure-button:first-child {
-    border-top-left-radius: 2px;
+.vertical-button-group .pure-button:first-child {
     border-top-right-radius: 2px;
+    border-bottom-left-radius: 0px;
 }
-.vertical-button-group .pure-button-group .pure-button:last-child {
-    border-bottom-right-radius: 2px;
+.vertical-button-group .pure-button:last-child {
+    border-top-right-radius: 0px;
     border-bottom-left-radius: 2px;
 }
-.vertical-button-group .pure-button-group .pure-button {
-    margin: 0;
-    border-radius: 0;
-    border-bottom: 1px solid rgba(0,0,0,.2);
+.vertical-button-group .pure-button {
     width: 100%;
 }
+.vertical-button-group .pure-button-hover, .pure-button:focus, .pure-button:hover {
+    background-image: linear-gradient(.25turn, rgba(0, 0, 0, .1), rgba(0, 0, 0, .05) 20%, rgba(0, 0, 0, .05) 80%, rgba(0, 0, 0, 0.1));
+}
 </style>

app/rest/templates/buttongroup-nav.tpl

@@ -1,15 +1,13 @@
 % setdefault('style', '')
-<div class="vertical-button-group">
-  <div class="pure-button-group vertical-button-group" role="{{role}}" style="padding: 1em 0.25em 0;">
-  % for target in targets:
-  %   active = 'pure-button-active' if target == action else ''
-  %   label = target.title()
-    <button
-      class="pure-button {{active}}"
-      type="submit"
-      formaction="{{target}}"
-      style="{{style}}"
-    > {{label}} </button>
-  % end
-  </div>
+<div class="pure-button-group vertical-button-group" role="{{role}}" style="padding: 1em 0.25em 0;">
+% for target in targets:
+%   active = 'pure-button-active' if target == action else ''
+%   label = target.title()
+  <button
+    class="pure-button {{active}}"
+    type="submit"
+    formaction="{{target}}"
+    style="{{style}}"
+  > {{label}} </button>
+% end
 </div>