fix sizing and alignment of your app list

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

settings/css/settings.css

@@ -755,22 +755,24 @@ form.section {
 
 #apps-list.installed .section > *{
 	display: table-cell;
-	width: auto;
-	height: 3em;
+	height: initial;
 	vertical-align: middle;
 	float: none;
 	border-bottom: 1px solid #eee;
-	padding: .5em 1em;
+	padding: 6px;
 	box-sizing: border-box;
 }
 
 #apps-list.installed .app-image {
-	text-align: center;
+	width: 44px;
+	text-align: right;
 	opacity: .5;
 }
 
 #apps-list.installed .app-image-icon svg {
 	margin-top: 5px;
+	width: 20px;
+	height: 20px;
 }
 
 .installed .actions {

settings/templates/apps.php

@@ -33,16 +33,16 @@ script(
 <script id="app-template-installed" type="text/x-handlebars">
 <div class="section" id="app-{{id}}">
 	<div class="app-image app-image-icon"></div>
-	<h2 class="app-name">
+	<div class="app-name">
 		{{#if detailpage}}
 			<a href="{{detailpage}}" target="_blank" rel="noreferrer">{{name}}</a>
 		{{else}}
 			{{name}}
 		{{/if}}
-	</h2>
+	</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}}
+		{{{level}}}{{#unless internal}}<a href="https://apps.nextcloud.com/apps/{{id}}"><?php p($l->t('View in store'));?> ↗</a>{{/unless}}
 	</div>
 
 	<div class="app-groups">