From 6e5f0e0d9db35fcda3333539bf0935381396d3d2 Mon Sep 17 00:00:00 2001
From: Jan-Christoph Borchardt <hey@jancborchardt.net>
Date: Tue, 28 Mar 2017 23:55:11 +0200
Subject: [PATCH] hide app version and level on narrower screens

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
---
 settings/css/settings.css   | 13 +++++++++++++
 settings/templates/apps.php |  4 ++--
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/settings/css/settings.css b/settings/css/settings.css
index f327a73385a..62875997467 100644
--- a/settings/css/settings.css
+++ b/settings/css/settings.css
@@ -648,6 +648,19 @@ span.version {
 	}
 }
 
+/* hide app version and level on narrower screens */
+@media only screen and (max-width: 768px) {
+	#apps-list.installed .app-version,
+	#apps-list.installed .app-level {
+		display: none !important;
+	}
+}
+@media only screen and (max-width: 700px) {
+	#apps-list.installed .app-groups {
+		display: none !important;
+	}
+}
+
 .section h2.app-name {
 	margin-bottom: 8px;
 	display: inline;
diff --git a/settings/templates/apps.php b/settings/templates/apps.php
index e3e9ad97d6f..e102d87afaa 100644
--- a/settings/templates/apps.php
+++ b/settings/templates/apps.php
@@ -40,12 +40,12 @@ script(
 			{{name}}
 		{{/if}}
 	</h2>
-	<div class="app-version"> {{version}}</div>
+	<div class="app-version">{{version}}</div>
 	<div class="app-level">
 		{{{level}}}{{#unless internal}}<a href="https://apps.nextcloud.com/apps/{{id}}">View in Store</a>{{/unless}}
 	</div>
 
-	<div>
+	<div class="app-groups">
 		{{#if active}}
 		<div class="groups-enable">
 			<input type="checkbox" class="groups-enable__checkbox checkbox" id="groups_enable-{{id}}"/>