Prevented id collision, slight refactor, added contributer to package…

….json

app/css/main.css

@@ -406,6 +406,7 @@ h4 {
 }
 
 #zone-container,
+#zone-container-inner,
 #status-container,
 #music-sources-container {
 	margin-left: 4.4px;

app/package.json

@@ -1,7 +1,7 @@
 {
   "name": "sonos-controller-unofficial",
   "description": "Unoffical sonos controller for linux.",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "author": "Pascal Opitz <[email protected]>",
   "main": "main.js",
   "dependencies": {

package.json

@@ -29,6 +29,10 @@
     {
       "name": "Basster",
       "url": "https://github.com/Basster"
+    },
+    {
+      "name": "economysizegeek",
+      "url": "https://github.com/economysizegeek"
     }
   ],
   "build": {

src/ui/components/Application.jsx

@@ -39,13 +39,7 @@ class Application extends Component {
 					<div id="column-container">
 						<div id="zone-container">
 							<h4>ROOMS</h4>
-
-							<div id="zone-container" style="width:100%;display: flex; flex-direction: column;">
-								<div style="overflow-y: auto;">
-									<ZoneGroupList />
-								</div>
-							</div>
-
+							<ZoneGroupList />
 						</div>
 
 						<div id="status-container">

src/ui/components/ZoneGroupList.jsx

@@ -47,8 +47,12 @@ class ZoneGroupList extends Component {
 		});
 
 		return (
-			<div id="zone-wrapper">
-				{zoneGroupNodes}
+			<div id="zone-container-inner" style="width:100%;display: flex; flex-direction: column;">
+				<div style="overflow-y: auto;">
+					<div id="zone-wrapper">
+						{zoneGroupNodes}
+					</div>
+				</div>
 			</div>
 		);
 	}