hide app version and level on narrower screens

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

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;

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}}"/>