Tweak styles for Send Message page

tailbone/templates/messages/create.mako

@@ -1,10 +1,9 @@
 ## -*- coding: utf-8 -*-
 <%inherit file="/master/create.mako" />
 
-<%def name="head_tags()">
-  ${parent.head_tags()}
+<%def name="extra_javascript()">
+  ${parent.extra_javascript()}
   ${h.javascript_link(request.static_url('tailbone:static/js/lib/tag-it.min.js'))}
-  ${h.stylesheet_link(request.static_url('tailbone:static/css/jquery.tagit.css'))}
   <script type="text/javascript">
 
     var recipient_mappings = new Map([
@@ -79,11 +78,19 @@
     });
 
   </script>
+</%def>
+
+<%def name="extra_styles()">
+  ${parent.extra_styles()}
+  ${h.stylesheet_link(request.static_url('tailbone:static/css/jquery.tagit.css'))}
   <style type="text/css">
 
-    .field-wrapper.subject .field input[type="text"],
-    .field-wrapper.body .field textarea {
-        width: 99%;
+    .recipients input {
+        min-width: 525px;
+    }
+
+    .subject input {
+        min-width: 540px;
     }
 
   </style>