[extensions-web] Make the inline editing experience suck less

[Jasper St. Pierre <jstpierre src gnome org>]

commit 88b331d5c2d40ebeacbefbebb3fb90245ff601c0
Author: Jasper St. Pierre <jstpierre mecheye net>
Date:   Sun Jun 3 01:14:06 2012 -0400

    Make the inline editing experience suck less
    
    Match the inputs up with what they're supposed to be

 sweettooth/static/css/reset.css      |    2 +-
 sweettooth/static/css/sweettooth.css |   15 +++++++++++++++
 sweettooth/static/js/main.js         |    3 +--
 3 files changed, 17 insertions(+), 3 deletions(-)
---
diff --git a/sweettooth/static/css/reset.css b/sweettooth/static/css/reset.css
index 11a1387..fc13208 100644
--- a/sweettooth/static/css/reset.css
+++ b/sweettooth/static/css/reset.css
@@ -1 +1 @@
-html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,textarea{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
diff --git a/sweettooth/static/css/sweettooth.css b/sweettooth/static/css/sweettooth.css
index 8d54082..7a3dc4b 100644
--- a/sweettooth/static/css/sweettooth.css
+++ b/sweettooth/static/css/sweettooth.css
@@ -330,6 +330,20 @@ li.extension:last-child {
     white-space: pre-line;
 }
 
+.extension textarea {
+    /* sync with fonts.css */
+    /* textareas don't inherit body fonts for whatever reason */
+    font-family: Cantarell, 'Droid Sans', Ubuntu, 'DejaVu Sans', Arial, sans-serif;
+}
+
+.extension textarea, .extension input {
+    border: 0;
+    border-radius: 0;
+
+    line-height: 1.6;
+    font-size: 100%;
+}
+
 .extension .screenshot {
     margin-right: 0.5em;
     border: 1px solid #cccccc;
@@ -573,6 +587,7 @@ p.message.warning {
 input, textarea, input[type=submit], button {
     border: 1px solid #999;
     border-radius: 4px;
+    background-color: #fff;
 }
 
 input[type=submit], button {
diff --git a/sweettooth/static/js/main.js b/sweettooth/static/js/main.js
index 709c424..07deea6 100644
--- a/sweettooth/static/js/main.js
+++ b/sweettooth/static/js/main.js
@@ -23,8 +23,7 @@ function($, messages, modal, hashParamUtils) {
             }
 
             $elem.editable(url, $.extend(options || {},
-                                { select: true,
-                                  onblur: 'submit',
+                                { onblur: 'submit',
                                   ajaxoptions: { error: error, dataType: 'json' },
                                   callback: function(result, settings) {
                                       $elem.text(result);