Fix spacing between icons and text inside buttons, improve spacing on...

Fix spacing between icons and text inside buttons, improve spacing on annotation cards, add placeholder for annotation creation textarea, adjust padding on tags.

h/static/styles/common.scss

@@ -744,7 +744,10 @@ pre {outline: 1px solid #ccc; padding: 5px; margin: 5px; }
 
   &[readonly] {
     .tagit-new, .tagit-close { display: none; }
-    li { padding-right: .3em; }
+    li { 
+      padding: 1px 6px; 
+      font-size: 11px; 
+    }
     li.tagit-choice { margin-top: .1em; }
   }
 }

h/static/styles/forms.scss

@@ -3,7 +3,7 @@
 @import "compass/utilities/general/clearfix";
 
 .form-field {
-  margin-bottom: 10px;
+  margin-bottom: 2px;
 }
 
 .form-description {
@@ -213,16 +213,11 @@
   }
 }
 
-// Includes an icon within the button
-.btn-with-icon {
+// Positions the icon nicely within the button.
+.btn-icon {
   position: relative;
-  padding-left: 34px;
-
-  .btn-icon {
-    position: absolute;
-    top: 5px;
-    left: 8px;
-  }
+  top: 1px;
+  right: 3px;
 }
 
 // Absolutely positions a message/icon to the left of a button.