reduce font size of appname in header

2 files changed, 9 insertions, 6 deletions

diff --git a/core/css/header.css b/core/css/header.css
index a65c9337d61..0a3d8f212d6 100644
--- a/core/css/header.css
+++ b/core/css/header.css
@@ -7,21 +7,20 @@
 	display: inline-block;
 	position: relative;
 	color: #fff;
-	font-size: 26px;
-	opacity: .4;
+	font-size: 15px;
 	margin-left: 5px;
 }
 /* show caret indicator next to logo to make clear it is tappable */
 #header .icon-caret {
 	display: inline-block;
 	width: 12px;
-	height: 14px;
+	height: 8px;
 }
 .header-appname,
 #header .icon-caret {
-	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
-	filter: alpha(opacity=45);
-	opacity: .45;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
+	filter: alpha(opacity=75);
+	opacity: .75;
 }
 /* do not show menu toggle on public share links as there is no menu */
 #body-public #header .icon-caret {
diff --git a/core/css/mobile.css b/core/css/mobile.css
index 49bc6a21952..4f6f26839ad 100644
--- a/core/css/mobile.css
+++ b/core/css/mobile.css
@@ -8,6 +8,10 @@
 .header-appname {
 	display: none;
 }
+/* slightly different caret position when appname isn’t shown */
+#header .icon-caret {
+	height: 15px;
+}
 
 #body-login .wrapper {
 	display: -webkit-box;