From a39e2c165d62d4aa4d75b46c8bb609cae2cdf5fe Mon Sep 17 00:00:00 2001
From: n1474335 <n1474335@gmail.com>
Date: Fri, 13 Jul 2018 12:10:24 +0000
Subject: [PATCH] Fixed input and output cards

---
 src/web/Manager.mjs                      | 2 +-
 src/web/html/index.html                  | 6 ++++--
 src/web/stylesheets/components/_pane.css | 5 +++--
 3 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/web/Manager.mjs b/src/web/Manager.mjs
index 5b73d177..9c8bbc47 100755
--- a/src/web/Manager.mjs
+++ b/src/web/Manager.mjs
@@ -166,7 +166,7 @@ class Manager {
         this.addMultiEventListener("#output-text", "mousedown dblclick select",  this.highlighter.outputMousedown, this.highlighter);
         this.addMultiEventListener("#output-html", "mousedown dblclick select",  this.highlighter.outputHtmlMousedown, this.highlighter);
         this.addDynamicListener("#output-file-download", "click", this.output.downloadFile, this.output);
-        this.addDynamicListener("#output-file-slice", "click", this.output.displayFileSlice, this.output);
+        this.addDynamicListener("#output-file-slice i", "click", this.output.displayFileSlice, this.output);
         document.getElementById("show-file-overlay").addEventListener("click", this.output.showFileOverlayClick.bind(this.output));
 
         // Options
diff --git a/src/web/html/index.html b/src/web/html/index.html
index 76d8fd96..f8e1ad1e 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -294,10 +294,12 @@
                                         <img aria-hidden="true" src="<%- require('../static/images/file-128x128.png') %>" alt="File icon"/>
                                         <div class="card-body">
                                             Size: <span id="output-file-size"></span><br>
-                                            <button id="output-file-download" type="button" class="btn btn-primary">Download</button>
+                                            <button id="output-file-download" type="button" class="btn btn-primary btn-outline">Download</button>
                                             <div class="input-group">
                                                 <span class="input-group-btn">
-                                                    <button id="output-file-slice" type="button" class="btn btn-secondary" title="View slice">&#x1f50d;</button>
+                                                    <button id="output-file-slice" type="button" class="btn btn-secondary bmd-btn-icon" title="View slice">
+                                                          <i class="material-icons">search</i>
+                                                    </button>
                                                 </span>
                                                 <input type="number" class="form-control" id="output-file-slice-from" placeholder="From" value="0" step="1024" min="0">
                                                 <div class="input-group-addon">to</div>
diff --git a/src/web/stylesheets/components/_pane.css b/src/web/stylesheets/components/_pane.css
index 1bb8b523..95220b19 100755
--- a/src/web/stylesheets/components/_pane.css
+++ b/src/web/stylesheets/components/_pane.css
@@ -46,6 +46,7 @@
     color: var(--primary-font-colour);
     line-height: 30px;
     background-color: var(--primary-background-colour);
+    flex-direction: row;
 }
 
 .card:hover {
@@ -63,7 +64,7 @@
 .card-body .close {
     position: absolute;
     right: 10px;
-    top: 10px;
+    top: 4px;
 }
 
 .card-body {
@@ -77,7 +78,7 @@
 }
 
 .card-body>.btn {
-    margin-bottom: 15px;
+    margin-bottom: 5px;
     margin-top: 5px;
 }