From cdbdad0ba34703df2958430ed6daab7be883afa0 Mon Sep 17 00:00:00 2001
From: Mario Volke <info@mariovolke.com>
Date: Tue, 17 Jun 2014 17:39:28 +0200
Subject: [PATCH] refactored subject box

---
 src/sass/views/_write.scss | 46 ++++++++++++++++----------------------
 src/tpl/write.html         |  8 ++-----
 2 files changed, 21 insertions(+), 33 deletions(-)

diff --git a/src/sass/views/_write.scss b/src/sass/views/_write.scss
index 9aba97f..febf16d 100644
--- a/src/sass/views/_write.scss
+++ b/src/sass/views/_write.scss
@@ -12,15 +12,11 @@
         height: 590px; // magic number
     }
 
-    input {
-        border: 0!important;
+    p[field] input {
+        border: 0;
         outline: none;
     }
 
-    button {
-        border: 0!important;
-    }
-
     .mail-addresses {
         flex-shrink: 0;
         margin-top: 10px;
@@ -38,6 +34,7 @@
             text-decoration: none;
             color: $color-black;
             transition: color 0.3s;
+            border: 0;
             outline: 0;
 
             &:hover,
@@ -52,38 +49,33 @@
         flex-shrink: 0;
         position: relative;
         margin: 20px 0 7px 0;
-        width: inherit;
-        border: 1px;
-        border-style: solid;
-        border-color: $color-grey-lighter;
-        height: em(44);
-
-        .subject-line {
-            padding: 10px;
-            width: 80%;
-            color: $color-grey;
-        }
-
-        .subject {
-            font-weight: bold;
-            width: 100%;
-        }
 
         input[type=file] {
             visibility: hidden;
             width: 0;
             height: 0;
+            position: absolute;
+        }
+        .input-text {
+            font-weight: bold;
+            width: 100%;
+            height: 40px;
+            padding-right: 10px + 5px + 30px;
         }
-
         .btn-attachment {
             position: absolute;
-            top: 0;
-            right: 0;
-            padding: em(7.5) em(7.5) em(4) em(7.5);
-            margin: em(5);
+            top: 5px;
+            right: 5px;
+            padding: 0;
+            line-height: 30px;
+            width: 30px;
+            height: 30px;
             font-size: 1em;
             outline: 0;
 
+            &:before {
+                padding: 0;
+            }
             &:active,
             &.active {
                 top: 1px;
diff --git a/src/tpl/write.html b/src/tpl/write.html
index 65efab7..8d8ce99 100644
--- a/src/tpl/write.html
+++ b/src/tpl/write.html
@@ -32,13 +32,9 @@
       </div><!--/.mail-addresses-->
 
       <div class="subject-box">
-        <div class="subject-line">
-          <input ng-model="subject" class="subject" spellcheck="true" tabindex="2" placeholder="Subject" ng-change="updatePreview()">
-        </div><!--/.subject-line-->
+        <input class="input-text" ng-model="subject" spellcheck="true" tabindex="2" placeholder="Subject" ng-change="updatePreview()">
         <input id="attachment-input" type="file" multiple attachment-input>
-        <button class="btn btn-attachment" ng-class="{'btn-primary': sendBtnSecure === false}" attachment-btn>
-          <div data-icon="&#xe003;"></div>
-        </button><!--/.btn-attachment-->
+        <button class="btn btn-attachment" data-icon="&#xe003;" ng-class="{'btn-primary': sendBtnSecure === false}" attachment-btn></button>
       </div><!--/.subject-box-->
 
       <div class="attachments-box" ng-show="attachments.length > 0">