From a9b7c2795ab0b3ea2ee357dfe3675c2a00b0a644 Mon Sep 17 00:00:00 2001
From: Girish Ramakrishnan <girish@cloudron.io>
Date: Sun, 5 Aug 2018 21:10:18 -0700
Subject: [PATCH] Fix styling

---
 src/theme.scss      | 3 ++-
 src/views/apps.html | 8 ++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/theme.scss b/src/theme.scss
index 2fa19b86f..112f17c82 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -295,10 +295,11 @@ h1, h2, h3 {
 .app-info-title {
     display: inline-block;
     margin: 5px 10px;
+    line-height: 1.4;
 }
 
 .app-info-meta {
-    margin-left: 10px;
+    margin-left: 4px;
     color: $text-muted;
 }
 
diff --git a/src/views/apps.html b/src/views/apps.html
index eb59b684a..e4a4c5fcf 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -310,11 +310,11 @@
                 <h5 class="app-info-title">
                     {{ appInfo.app.manifest.title }}
                     <span class="app-info-meta text-small">Package <a ng-href="/#/appstore/{{appInfo.app.manifest.id}}?version={{appInfo.app.manifest.version}}">v{{ appInfo.app.manifest.version }}</a> </span>
+                    <br/>
+                    App ID <span class="app-info-meta  text-small">{{ appInfo.app.id }}</a> </span>
+                    <br/>
+                    Last updated <span class="app-info-meta text-small">{{ appInfo.app.updateTime | prettyDate }}</span>
                 </h5>
-                <br/>
-                <span class="app-info-meta">App ID {{ appInfo.app.id }}</a> </span>
-                <br/>
-                <span class="app-info-meta">Last updated {{ appInfo.app.updateTime | prettyDate }}</span>
             </div>
             <div class="modal-body">
                 <div class="app-postinstall-message" ng-hide="appInfo.app.manifest && appInfo.app.manifest.postInstallMessage">