From eff6f3a57d3e6948b5029954eae7561e5e753c12 Mon Sep 17 00:00:00 2001
From: Michael Vogel <icarus@dabo.de>
Date: Tue, 3 Nov 2015 19:14:28 +0100
Subject: [PATCH 1/3] On small computers the stylesheet changed to mobile by
 accident.

---
 view/theme/vier/theme.php | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/view/theme/vier/theme.php b/view/theme/vier/theme.php
index f9d4e4da37..a508baa771 100644
--- a/view/theme/vier/theme.php
+++ b/view/theme/vier/theme.php
@@ -33,7 +33,7 @@ function vier_init(&$a) {
 		$a->page['htmlhead'] .= '<meta name=viewport content="width=device-width, initial-scale=1">'."\n";
 
 $a->page['htmlhead'] .= <<< EOT
-<link rel='stylesheet' media='(max-width: 1010px)' href='view/theme/vier/mobile.css' />
+<link rel='stylesheet' media='(max-width: 1000px)' href='view/theme/vier/mobile.css' />
 <link rel='stylesheet' media='screen and (max-width: 1100px)' href='view/theme/vier/narrow.css' />
 <script type="text/javascript">
 

From 451b07cfe718ca39a57ea01f0f2a7654054c9f12 Mon Sep 17 00:00:00 2001
From: Michael Vogel <icarus@dabo.de>
Date: Tue, 3 Nov 2015 23:11:36 +0100
Subject: [PATCH 2/3] Mobile should be better now

---
 view/theme/vier/mobile.css | 46 +++++++++++++++++++++++++++++++++-----
 view/theme/vier/theme.php  | 10 +++++----
 2 files changed, 46 insertions(+), 10 deletions(-)

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index 198846e790..f250b88321 100644
--- a/view/theme/vier/mobile.css
+++ b/view/theme/vier/mobile.css
@@ -1,4 +1,5 @@
-aside, header, #nav-events-link, #search-box, #nav-admin-link, #activitiy-by-date-tab, #shared-links-tab {
+aside, header, #nav-events-link, #search-box, #nav-admin-link, #activitiy-by-date-tab, #shared-links-tab,
+.wall-item-location {
   display: none;
 }
 
@@ -24,20 +25,44 @@ nav {
 }
 
 .wall-item-container .wall-item-content {
+  max-width: 100%;
 /*  margin-left: -70px;
   padding-top: 25px; */
 }
 
-.wall-item-container .wall-item-content img {
-  max-width: 400px;
-}
-
 nav ul {
     margin-left: 0px;
 }
 
+
+.wall-item-container .wall-item-content img,
+.children .wall-item-container .wall-item-item .wall-item-content img,
 .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
-  max-width: 400px;
+  max-width: 650px;
+}
+
+@media screen and (max-width: 800px) {
+  .wall-item-container .wall-item-content img,
+  .children .wall-item-container .wall-item-item .wall-item-content img,
+  .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
+    max-width: 450px;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  .wall-item-container .wall-item-content img,
+  .children .wall-item-container .wall-item-item .wall-item-content img,
+  .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
+    max-width: 350px;
+  }
+}
+
+@media screen and (max-width: 480px) {
+  .wall-item-container .wall-item-content img,
+  .children .wall-item-container .wall-item-item .wall-item-content img,
+  .wall-item-container .wall-item-content .type-link img.attachment-image, .type-link img.attachment-image, .type-video img.attachment-image {
+    max-width: 200px;
+  }
 }
 
 .wall-item-container.thread_level_2,
@@ -49,3 +74,12 @@ nav ul {
   margin-left: 60px;
   width: calc(100% - 70px);
 }
+
+.wall-item-container.thread_level_2 .wall-item-content,
+.wall-item-container.thread_level_3 .wall-item-content,
+.wall-item-container.thread_level_4 .wall-item-content,
+.wall-item-container.thread_level_5 .wall-item-content,
+.wall-item-container.thread_level_6 .wall-item-content,
+.wall-item-container.thread_level_7 .wall-item-content {
+  max-width: 100%;
+}
diff --git a/view/theme/vier/theme.php b/view/theme/vier/theme.php
index a508baa771..1a4eb3e5ac 100644
--- a/view/theme/vier/theme.php
+++ b/view/theme/vier/theme.php
@@ -26,15 +26,17 @@ function vier_init(&$a) {
 	if ($a->argv[0].$a->argv[1] === "profile".$a->user['nickname'] or $a->argv[0] === "network" && local_user()) {
 		vier_community_info();
 
-		$a->page['htmlhead'] .= "<link rel='stylesheet' media='screen and (min-width: 1300px)' href='view/theme/vier/wide.css' />\n";
+		$a->page['htmlhead'] .= "<link rel='stylesheet' type='text/css' href='view/theme/vier/wide.css' media='screen and (min-width: 1300px)'/>\n";
 	}
 
-	if ($a->is_mobile || $a->is_tablet)
+	if ($a->is_mobile || $a->is_tablet) {
 		$a->page['htmlhead'] .= '<meta name=viewport content="width=device-width, initial-scale=1">'."\n";
+		$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="view/theme/vier/mobile.css" media="screen"/>'."\n";
+	}
+		$a->page['htmlhead'] .= '<link rel="stylesheet" type="text/css" href="view/theme/vier/mobile.css" media="screen and (max-width: 1000px)"/>'."\n";
 
 $a->page['htmlhead'] .= <<< EOT
-<link rel='stylesheet' media='(max-width: 1000px)' href='view/theme/vier/mobile.css' />
-<link rel='stylesheet' media='screen and (max-width: 1100px)' href='view/theme/vier/narrow.css' />
+<link rel='stylesheet' type='text/css' href='view/theme/vier/narrow.css' media='screen and (max-width: 1100px)' />
 <script type="text/javascript">
 
 function insertFormatting(comment,BBcode,id) {

From 5b2e1188c07142815cb7017137ff5151abe893c1 Mon Sep 17 00:00:00 2001
From: Michael Vogel <icarus@dabo.de>
Date: Wed, 4 Nov 2015 00:07:05 +0100
Subject: [PATCH 3/3] Vier: Network name, "ago" and the quote description are
 now smaller when mobile.

---
 view/theme/vier/mobile.css | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/view/theme/vier/mobile.css b/view/theme/vier/mobile.css
index f250b88321..ba8254d7fe 100644
--- a/view/theme/vier/mobile.css
+++ b/view/theme/vier/mobile.css
@@ -15,11 +15,14 @@ section {
   padding: 10px;
 }
 
-body, section, nav .nav-menu, div.pager, ul.tabs, .wall-item-container .wall-item-ago, .wall-item-network,
-.type-link blockquote, .type-video blockquote {
+body, section, nav .nav-menu, div.pager, ul.tabs {
   font-size: 16px;
 }
 
+.wall-item-container .wall-item-ago, .wall-item-network,.type-link blockquote, .type-video blockquote {
+  font-size: 13px;
+}
+
 nav {
   min-width: 480px;
 }