From 46174b414ff2990ce2ef65c8461cf8b1ae2852cc Mon Sep 17 00:00:00 2001
From: Stefan Otto <stefan.otto@uninett.no>
Date: Thu, 14 May 2020 04:04:11 +0200
Subject: [PATCH] Fix small audiobar to middle

---
 app/src/components/Containers/Volume.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/src/components/Containers/Volume.js b/app/src/components/Containers/Volume.js
index 14d9d5d..81a050b 100644
--- a/app/src/components/Containers/Volume.js
+++ b/app/src/components/Containers/Volume.js
@@ -94,17 +94,17 @@ const styles = () =>
 		smallBar :
 		{
 			flex               : '0 0 auto',
-			margin             : '0.3rem',
 			backgroundSize     : '75%',
 			backgroundRepeat   : 'no-repeat',
 			backgroundColor    : 'rgba(0, 0, 0, 1)',
 			cursor             : 'pointer',
 			transitionProperty : 'opacity, background-color',
 			width              : 3,
-			borderRadius       : 6,
+			borderRadius       : 2,
 			transitionDuration : '0.25s',
 			position           : 'absolute',
-			bottom             : 0,
+			top                : '50%',
+			transform          : 'translateY(-50%)',
 			'&.level0'         : { height: 0 },
 			'&.level1'         : { height: '0.2vh' },
 			'&.level2'         : { height: '0.4vh' },
@@ -151,9 +151,9 @@ const makeMapStateToProps = (initialState, props) =>
 	{
 		if (state.peerVolumes[props.id]>state.settings.noiseThreshold)
 		{
-		return {
+			return {
 				volume : Math.round((state.peerVolumes[props.id]+100) / 10)
-		};
+			};
 		}
 		else
 		{