Added padding to volume slider

changes/changelog.d/1241.enhancement

@@ -0,0 +1 @@
+Added padding to volume slider to ease mouse control (#1241)

front/src/components/audio/VolumeControl.vue

@@ -34,7 +34,7 @@
         max="1"
         v-model="sliderVolume" />
     </div>
-  </button class="circular control">
+  </button>
 </template>
 <script>
 import { mapState, mapGetters, mapActions } from "vuex"

front/src/style/components/_volume_control.scss

@@ -24,6 +24,7 @@
     }
     input {
       max-width: 8.5em;
+      padding: 1em;
     }
     &:not(:hover):not(.expanded) .popup {
       display: none;