Sort out panel CSS

src/styles/_mobile.scss

@@ -11,7 +11,7 @@
 	}
 
 	.projects {
-		.map-container {
+		.panel {
 			width: calc(#{$panel-width});
 			max-width: calc(#{$panel-width});
 		}
@@ -22,7 +22,7 @@
 			transition: none;
 		}
 
-		&.with-feed, &.with-settings {
+		&.with-right-panel, &.with-left-panel {
 			#title {
 				max-width: calc(100vw - var.$block-spacing - (var.$button-width + 2 * var.$block-spacing) * 2);
 			}
@@ -32,22 +32,22 @@
 			}
 		}
 	
-		&.with-feed {
-			.map-container-left {
+		&.with-right-panel {
+			.panel-left {
 				transform: translateX(-200vw);
 			}
 	
-			.map-container-right {
+			.panel-right {
 				transform: translateX(calc(var.$button-width + var.$block-spacing * 2));
 			}
 		}
 	
-		&.with-settings {
-			.map-container-left {
+		&.with-left-panel {
+			.panel-left {
 				transform: translateX(0);
 			}
 
-			.map-container-right {
+			.panel-right {
 				transform: translateX(200vw);
 			}
 		}