Simplify container styles

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

1 files changed, 14 insertions, 11 deletions

diff --git a/src/App.vue b/src/App.vue
index 4ac57d29..0041d6b8 100644
--- a/src/App.vue
+++ b/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,22 +38,16 @@
 </template>
 
 <style scoped>
-	.app-social {
+	#app-social {
 		width: 100%;
 	}
 
-	.setup {
-		margin:	auto;
-		width: 700px;
-	}
-
-	.setup input[type=url] {
-		width: 300px;
-	}
-
 	#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);
@@ -61,6 +55,15 @@
 		}
 	}
 
+	.setup {
+		margin:	auto;
+		width: 700px;
+	}
+
+	.setup input[type=url] {
+		width: 300px;
+	}
+
 	#social-spacer a:hover,
 	#social-spacer a:focus {
 		border: none !important;