Popout inbox

Rather than opening the inbox in its own window, let it appear as a
browser action popup by default, but allow promotion to its own window
if requested.

stylesheets/_index.scss

@@ -95,6 +95,11 @@ input.search {
 }
 
 .index {
+  &.pop-in {
+    min-height: 330px;
+    min-width: 260px;
+  }
+
   color: $grey_d;
   background: #eee;
 
@@ -136,3 +141,12 @@ input.search {
       font-weight: bold;
     }
 }
+
+.popout {
+  float: right;
+  background: url('/images/popout.png') no-repeat center center;
+  display: none;
+}
+.title-bar:hover .popout {
+  display: inline-block;
+}

stylesheets/manifest.css

@@ -319,6 +319,9 @@ input.search {
 .index {
   color: #454545;
   background: #eee; }
+  .index.pop-in {
+    min-height: 330px;
+    min-width: 260px; }
   .index .new-group-update-form {
     display: none;
     padding: 0.5em; }
@@ -345,6 +348,14 @@ input.search {
 .conversations .unread .contact-details .last-timestamp {
   font-weight: bold; }
 
+.popout {
+  float: right;
+  background: url("/images/popout.png") no-repeat center center;
+  display: none; }
+
+.title-bar:hover .popout {
+  display: inline-block; }
+
 .conversation {
   padding: 36px 0; }
   .conversation .file-input .close {