Nicer display of attachments in Futon.

git-svn-id: https://svn.apache.org/repos/asf/incubator/couchdb/trunk@660007 13f79535-47bb-0310-9956-ffa450edef68

1 files changed, 22 insertions, 0 deletions

diff --git a/share/www/style/layout.css b/share/www/style/layout.css
index b8c4110e..152c1acc 100644
--- a/share/www/style/layout.css
+++ b/share/www/style/layout.css
@@ -380,6 +380,28 @@ ul.suggest-dropdown li.selected { cursor: pointer; background: Highlight;
 }
 #fields tbody.content div.error { color: #d33; }
 
+#fields tbody.content td ul.attachments { list-style: none; margin: 0;
+  padding: 0;
+}
+#fields tbody.content td ul.attachments li {
+  margin-bottom: .3em; min-height: 20px; padding-left: 20px;
+}
+#fields tbody.content td ul.attachments tt { font-size: 95%; }
+#fields tbody.content td ul.attachments li span.info { color: #666;
+  display: block; font-size: 95%;
+}
+#fields tbody.content td ul.attachments li button {
+  background: transparent no-repeat; border: none; cursor: pointer;
+  float: left; margin: 0 2px 0 -20px; padding: 0; width: 15px; height: 15px;
+  vertical-align: middle;
+}
+#fields tbody.content td ul.attachments li button:hover {
+  background-position: -15px 0;
+}
+#fields tbody.content td ul.attachments li button.delete {
+  background-image: url(../image/delete-mini.gif);
+}
+
 /* Test suite */
 
 #tests { table-layout: fixed; }