From 1c946a438d2b6a8a31c32ef968e5566ccfc620b3 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 2 Apr 2019 13:17:30 +0200
Subject: [PATCH] Simplify app grid item dom

---
 src/theme.scss      |  5 +++++
 src/views/apps.html | 35 ++++++++---------------------------
 2 files changed, 13 insertions(+), 27 deletions(-)

diff --git a/src/theme.scss b/src/theme.scss
index 9957e194d..3169c9217 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -307,6 +307,11 @@ h1, h2, h3 {
         opacity: 1;
         right: 10px;
     }
+
+    a {
+        display: block;
+        text-align: center;
+    }
 }
 
 .grid-item:hover .grid-item-actions {
diff --git a/src/views/apps.html b/src/views/apps.html
index 5edb948ed..d9149516a 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -546,34 +546,15 @@
                     </div>
                   </div>
                 </div>
+
                 <div class="grid-item-actions" ng-show="user.admin || (config.features.spaces && app.ownerId === user.id)">
-                  <div style="text-align: center;">
-                    <a href="" ng-click="showUninstall(app)" uib-tooltip="Uninstall" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-times scale"></i></a>
-                  </div>
-
-                  <div style="text-align: center;">
-                    <a href="" ng-click="appRestore.show(app)" ng-show="backupConfig.provider !== 'noop'" uib-tooltip="Backups" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-archive scale"></i></a>
-                  </div>
-
-                  <div ng-show="(app.installationState === 'installed' || app.installationState === 'pending_configure') && !(app | installError)" style="text-align: center;">
-                    <a href="" ng-click="appConfigure.show(app)" uib-tooltip="Configure" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-pencil-alt scale"></i></a>
-                  </div>
-
-                  <div ng-show="app | installError" style="text-align: center;">
-                    <a href="" ng-click="appConfigure.show(app)" uib-tooltip="Repair" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-wrench scale"></i></a>
-                  </div>
-
-                  <div style="text-align: center;">
-                    <a ng-href="{{ '/terminal.html?id=' + app.id }}" target="_blank" uib-tooltip="Terminal" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-terminal scale"></i></a>
-                  </div>
-
-                  <div style="text-align: center;">
-                    <a ng-href="{{ '/logs.html?appId=' + app.id }}" target="_blank" uib-tooltip="Logs" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-file-alt scale"></i></a>
-                  </div>
-
-                  <div style="text-align: center;">
-                    <a href="" ng-click="showInformation(app)" uib-tooltip="Information" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-info-circle scale"></i></a>
-                  </div>
+                  <a href="" ng-click="showUninstall(app)" uib-tooltip="Uninstall" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-times scale"></i></a>
+                  <a href="" ng-click="appRestore.show(app)" ng-show="backupConfig.provider !== 'noop'" uib-tooltip="Backups" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-archive scale"></i></a>
+                  <a href="" ng-click="appConfigure.show(app)" ng-show="(app.installationState === 'installed' || app.installationState === 'pending_configure') && !(app | installError)" uib-tooltip="Configure" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-pencil-alt scale"></i></a>
+                  <a href="" ng-click="appConfigure.show(app)" ng-show="app | installError" uib-tooltip="Repair" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-wrench scale"></i></a>
+                  <a ng-href="{{ '/terminal.html?id=' + app.id }}" target="_blank" uib-tooltip="Terminal" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-terminal scale"></i></a>
+                  <a ng-href="{{ '/logs.html?appId=' + app.id }}" target="_blank" uib-tooltip="Logs" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-file-alt scale"></i></a>
+                  <a href="" ng-click="showInformation(app)" uib-tooltip="Information" tooltip-placement="right" tooltip-class="app-tooltip"><i class="fa fa-info-circle scale"></i></a>
                 </div>
 
                 <!-- we check the version here because the box updater does not know when an app gets updated -->