diff --git a/app/assets/stylesheets/common/base/header.scss b/app/assets/stylesheets/common/base/header.scss index 05b84d04adf..d746de67e99 100644 --- a/app/assets/stylesheets/common/base/header.scss +++ b/app/assets/stylesheets/common/base/header.scss @@ -17,7 +17,7 @@ .title { display: table; float: left; - height: 40px; + height: 45px; > a { display: table-cell; vertical-align: middle; diff --git a/app/assets/stylesheets/mobile/discourse.scss b/app/assets/stylesheets/mobile/discourse.scss index 14a80c6aa8e..e22c9c93db2 100644 --- a/app/assets/stylesheets/mobile/discourse.scss +++ b/app/assets/stylesheets/mobile/discourse.scss @@ -106,14 +106,9 @@ blockquote { width: 90%; } -// if the logo is text, it can't be too big or small width devices have issues +// somehow the image logo assumption inherits margins from earlier in the CSS stack +// we must remove margins for text site titles h2#site-text-logo { - max-width: 135px; - max-height: 1em; - overflow: hidden; - padding: 0; - margin: 5px 0 0 0; - text-overflow: clip; - white-space: nowrap; + margin: 0; } diff --git a/app/assets/stylesheets/mobile/header.scss b/app/assets/stylesheets/mobile/header.scss index ac05beeb1ff..6dffb2c1f03 100644 --- a/app/assets/stylesheets/mobile/header.scss +++ b/app/assets/stylesheets/mobile/header.scss @@ -3,15 +3,19 @@ // -------------------------------------------------- .d-header { - padding-left: 10px !important; - padding-right: 10px !important; #site-logo { max-width: 122px; } - .panel { - margin-right: 20px; + // some protection for text-only site titles + .title { + margin-left: 20px; + max-width: 135px; + overflow: hidden; + padding: 0; + text-overflow: clip; + display: block; // table causes clipping fail oddities here } .icons { @@ -28,6 +32,7 @@ display:none; } } + #main-outlet { padding-top: 60px; } @@ -55,7 +60,7 @@ top: 0; right: 25px; } - + input[type='text'] { width: 265px; font-size: 1.143em;