some CSS fixes for mobile sites with text titles

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;

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;
+  margin: 0;
-  max-height: 1em;
-  overflow: hidden;
-  padding: 0;
-  margin: 5px 0 0 0;
-  text-overflow: clip;
-  white-space: nowrap;
 }

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 {
+  // some protection for text-only site titles
-    margin-right: 20px;
+  .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;