From 7d0002bc1778fa4f879bfb7999aafd184b4dc3e0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Mon, 3 Dec 2018 09:57:26 +0100
Subject: Make design more responsive
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 src/App.vue | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

(limited to 'src/App.vue')

diff --git a/src/App.vue b/src/App.vue
index b7d1f6c0..c7c9355b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -4,8 +4,10 @@
 			<app-navigation :menu="menu" />
 		</div>
 		<div id="app-content">
-			<Search v-if="searchTerm != ''" :term="searchTerm" />
-			<router-view v-if="searchTerm === ''" :key="$route.fullPath" />
+			<div class="social__wrapper">
+				<Search v-if="searchTerm != ''" :term="searchTerm" />
+				<router-view v-if="searchTerm === ''" :key="$route.fullPath" />
+			</div>
 		</div>
 	</div>
 	<div v-else class="setup">
@@ -42,7 +44,13 @@
 	}
 
 	#app-content .social__wrapper {
-		margin: 15px calc(50% - 350px - 75px);
+		padding: 15px;
+	}
+	@media (min-width: 1200px) {
+		#app-content .social__wrapper {
+			margin: 15px calc(50% - 350px - 75px);
+			max-width: 700px;
+		}
 	}
 
 	#social-spacer a:hover,
-- 
cgit v1.2.3