From 28c602ab855d773c5cbe28b97828a1e6ecb4a951 Mon Sep 17 00:00:00 2001
From: lilia <liliakai@gmail.com>
Date: Thu, 7 Apr 2016 12:26:16 -0700
Subject: [PATCH] Use button for file input / paperclip

// FREEBIE
---
 background.html                |  2 +-
 stylesheets/_conversation.scss | 15 +--------------
 stylesheets/manifest.css       | 12 +-----------
 3 files changed, 3 insertions(+), 26 deletions(-)

diff --git a/background.html b/background.html
index 6f936361..0b2ce9ca 100644
--- a/background.html
+++ b/background.html
@@ -97,7 +97,7 @@
           <form class='send clearfix'>
               <div class='attachment-previews'></div>
               <div class='choose-file'>
-                  <div class='paperclip thumbnail'></div>
+                  <button class='paperclip thumbnail'></button>
                   <input type='file' class='file-input'>
               </div>
               <textarea class='send-message' placeholder='{{ send-message }}' rows='1'></textarea>
diff --git a/stylesheets/_conversation.scss b/stylesheets/_conversation.scss
index ddd7696e..36500a63 100644
--- a/stylesheets/_conversation.scss
+++ b/stylesheets/_conversation.scss
@@ -467,23 +467,10 @@
     padding-bottom: 1px;
   }
 
-  button, input, textarea {
+  input, textarea {
     color: $grey_d;
   }
 
-  button {
-    position: absolute;
-    top: 0;
-    height: 100%;
-    width: $button-width;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    font-size: 24px;
-    background: transparent;
-  }
-
-
   .attachment-previews {
     padding: 0 36px;
     .attachment-preview {
diff --git a/stylesheets/manifest.css b/stylesheets/manifest.css
index 841ca568..7bd064f9 100644
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@@ -1013,18 +1013,8 @@ input.search {
   .bottom-bar form.send {
     background: #ffffff;
     padding-bottom: 1px; }
-  .bottom-bar button, .bottom-bar input, .bottom-bar textarea {
+  .bottom-bar input, .bottom-bar textarea {
     color: #454545; }
-  .bottom-bar button {
-    position: absolute;
-    top: 0;
-    height: 100%;
-    width: 36px;
-    padding: 0;
-    border: 0;
-    outline: 0;
-    font-size: 24px;
-    background: transparent; }
   .bottom-bar .attachment-previews {
     padding: 0 36px; }
     .bottom-bar .attachment-previews .attachment-preview {