Sort out panel CSS

src/components/project.vue

@@ -20,8 +20,8 @@ export default {
 	data() {
 		return {
 			panels: {
-				feedOpen: false,
-				settingsOpen: false
+				leftOpen: false,
+				rightOpen: false
 			},
 			feed: null,
 			settings: null,
@@ -537,7 +537,7 @@ export default {
 				if(!this.isMobile() && this.map) this.updateMapPadding(iAnimDuration);
 
 				//Open Close panels
-				this.$el.classList.toggle('with-'+sPanel);
+				this.$el.classList.toggle('with-'+sPanel+'-panel');
 			}
 		},
 		setFeed(vPanel) {
@@ -552,7 +552,7 @@ export default {
 
 <template>
 	<div class="projects">
-		<div id="background"></div>
+		<div id="space"></div>
 		<div id="submap">
 			<div class="loader">
 				<SpotIcon :icon="'map'" :classes="'flicker'" width="fixed" />
@@ -567,7 +567,7 @@ export default {
 			v-model:base-map="baseMap"
 			:map-initializing="mapInitializing"
 			:hikes="hikes"
-			@toggle="(bIsOpen, iAnimDuration) => onPanelToggle('settings', bIsOpen, iAnimDuration)"
+			@toggle="(bIsOpen, iAnimDuration) => onPanelToggle('left', bIsOpen, iAnimDuration)"
 		/>
 		<ProjectFeed
 			:ref="setFeed"
@@ -575,7 +575,7 @@ export default {
 			:mode-histo="modeHisto"
 			@request-last-update="settings?.setLastUpdate"
 			@new-markers="addNewMarkers"
-			@toggle="(bIsOpen, iAnimDuration) => onPanelToggle('feed', bIsOpen, iAnimDuration)"
+			@toggle="(bIsOpen, iAnimDuration) => onPanelToggle('right', bIsOpen, iAnimDuration)"
 		/>
 	</div>
   </template>