Merge pull request #2495 from awesomerobot/master

background on topic-list, more width on extra-info-wrapper, meta viewport fix

app/assets/stylesheets/common/base/_topic-list.scss

@@ -18,6 +18,7 @@
   border-collapse: separate;
   border-spacing: 0;
   border-top: 1px solid scale-color-diff();
+  background: rgba($secondary, .8);
 
   > tbody > tr {
     &:nth-child(even) {

app/assets/stylesheets/common/foundation/base.scss

@@ -11,7 +11,15 @@ html {
   background-color: $secondary;
   overflow-y: scroll;
   -webkit-font-smoothing: subpixel-antialiased;
-}
+  height: 100%;
+  body {
+    height: 100%;
+    #main {
+      height: 100%; 
+      }
+    }
+  }
+
 
 // Links
 // --------------------------------------------------

app/assets/stylesheets/desktop/topic-post.scss

@@ -538,10 +538,9 @@ iframe {
 
 .extra-info-wrapper {
   float: left;
-  width: 78%;
-  max-width: 800px;
+  max-width: 875px;
   .topic-statuses {
-    i         { color: $header_primary; }
+            i { color: $header_primary; }
     .unpinned { color: $header_primary; }
   }
   .topic-link { color: $header_primary; }
@@ -550,14 +549,14 @@ iframe {
 
 @include medium-width {
   .extra-info-wrapper {
-  max-width: 740px;
+  max-width: 770px;
 }
 }
 
 
 @include small-width {
     .extra-info-wrapper {
-  max-width: 680px;
+  max-width: 720px;
 }
 }
 
@@ -565,7 +564,7 @@ iframe {
   h1 {
     margin: 5px 0 0 0;
     font-size: 1.6em;
-    line-height: 1.2em;
+    line-height: 1.3em;
     white-space: nowrap;
     overflow: hidden;
     text-overflow: ellipsis;

app/views/layouts/_head.html.erb

@@ -1,5 +1,6 @@
 
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta name="viewport" content="width=device-width, user-scalable=yes, minimum-scale=0.75, maximum-scale=3.0" />
+
     <meta name="author" content="">
     <meta name="generator" content="Discourse <%= Discourse::VERSION::STRING %> - https://github.com/discourse/discourse version <%= Discourse.git_version %>">
 
@@ -11,4 +12,4 @@
     <%= render partial: "common/special_font_face" %>
     <%= render partial: "common/discourse_stylesheet" %>
 
-    <%= discourse_csrf_tags %>
+    <%= discourse_csrf_tags %>