From b65adc14dccc49bfc877e7fc9fc284a66203d9df Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Tue, 20 Oct 2015 14:24:11 -0700
Subject: [PATCH] Restyle debug log

Fixup for new layout and add a close button.

// FREEBIE
---
 background.html          |  1 +
 stylesheets/_global.scss | 22 ++++++++++++++++++++--
 stylesheets/manifest.css | 18 ++++++++++++++++--
 3 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/background.html b/background.html
index 7a5437e1..2b5f0bbd 100644
--- a/background.html
+++ b/background.html
@@ -280,6 +280,7 @@
     <button class='close'>&times;</button>
   </script>
   <script type='text/x-tmpl-mustache' id='debug-log'>
+    <a class='x close'>&times;</a>
     <h1> Submit Debug Log </h1>
     <form>
       <textarea rows="5"></textarea>
diff --git a/stylesheets/_global.scss b/stylesheets/_global.scss
index a1e51651..ad781113 100644
--- a/stylesheets/_global.scss
+++ b/stylesheets/_global.scss
@@ -417,14 +417,32 @@ $avatar-size: 44px;
 .debug-log {
   position: absolute;
   width: 100%;
-  height: calc(100% - 1 * #{$header-height});
-  top: $header-height;
+  height: 100%;
+  top: 0;
   left: 0;
   padding: 1em;
   background: $grey_l;
   z-index: 1;
   overflow-y: auto;
 
+  a.x {
+    display: inline-block;
+    float: right;
+    cursor: pointer;
+
+    font-family: sans-serif;
+    color: white;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+    padding: 0px;
+
+    background: #666;
+    color: #fff;
+    text-align: center;
+    font-size: 19px;
+  }
+
   textarea {
     width: 100%;
     resize: vertical;
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index da5a79ee..0770440d 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -362,13 +362,27 @@ img.emoji {
 .debug-log {
   position: absolute;
   width: 100%;
-  height: calc(100% - 1 * 36px);
-  top: 36px;
+  height: 100%;
+  top: 0;
   left: 0;
   padding: 1em;
   background: #f3f3f3;
   z-index: 1;
   overflow-y: auto; }
+  .debug-log a.x {
+    display: inline-block;
+    float: right;
+    cursor: pointer;
+    font-family: sans-serif;
+    color: white;
+    border-radius: 50%;
+    width: 20px;
+    height: 20px;
+    padding: 0px;
+    background: #666;
+    color: #fff;
+    text-align: center;
+    font-size: 19px; }
   .debug-log textarea {
     width: 100%;
     resize: vertical; }