From daf7e2313bb0a51fef5b590ed46266b852e9bb17 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Mon, 25 Mar 2019 16:33:49 +0100
Subject: [PATCH] Reduce domain header font size

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

diff --git a/src/theme.scss b/src/theme.scss
index f771439ac..317dcc50b 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -245,6 +245,11 @@ h1, h2, h3 {
 // Apps view
 // ----------------------------
 
+.domain-header {
+    padding-left: 15px;
+    font-size: 24px;
+}
+
 .app-grid {
     display: flex;
     flex-wrap: wrap;
diff --git a/src/views/apps.html b/src/views/apps.html
index d93fb3632..6bd0c28fe 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -521,7 +521,7 @@
 
     <div class="animateMeOpacity ng-hide" ng-show="installedApps.length > 0">
       <div ng-repeat="domain in domains" ng-show="domainHasApps(domain)">
-        <h2 style="padding-left: 15px;" ng-show="moreThanOneDomainHasApps()">{{ domain.domain }}</h2>
+        <h2 class="domain-header" ng-show="moreThanOneDomainHasApps()">{{ domain.domain }}</h2>
         <div class="app-grid">
           <div class="grid-item" ng-repeat="app in installedApps | filter:{domain:domain.domain} | orderBy:'location'">
             <a ng-href="{{ app | applicationLink }}" ng-click="((app | installError) === true && showError(app)) || ((app | appIsInstalledAndHealthy) && app.pendingPostInstallConfirmation && appPostInstallConfirm.show(app))" target="_blank" ng-class="{ 'hand': (app | appIsInstalledAndHealthy) }">