Simplify container styles

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/App.vue

@@ -1,5 +1,5 @@
 <template>
-	<div v-if="!serverData.setup" :class="{public: serverData.public}" class="app-social">
+	<div v-if="!serverData.setup" id="app-social" :class="{public: serverData.public}">
 		<div v-if="!serverData.public" id="app-navigation">
 			<app-navigation :menu="menu" />
 		</div>
@@ -38,10 +38,23 @@
 </template>
 
 <style scoped>
-	.app-social {
+	#app-social {
 		width: 100%;
 	}
 
+	#app-content .social__wrapper {
+		padding: 15px;
+		max-width: 600px;
+		margin: auto;
+	}
+
+	@media (min-width: 1200px) {
+		#app-social:not(.public) #app-content .social__wrapper {
+			margin: 15px calc(50% - 350px - 75px);
+			max-width: 600px;
+		}
+	}
+
 	.setup {
 		margin:	auto;
 		width: 700px;
@@ -51,16 +64,6 @@
 		width: 300px;
 	}
 
-	#app-content .social__wrapper {
-		padding: 15px;
-	}
-	@media (min-width: 1200px) {
-		#app-social:not(.public) #app-content .social__wrapper {
-			margin: 15px calc(50% - 350px - 75px);
-			max-width: 600px;
-		}
-	}
-
 	#social-spacer a:hover,
 	#social-spacer a:focus {
 		border: none !important;