Better styling of tag search page

2 files changed, 40 insertions, 8 deletions

diff --git a/etherpad/src/plugins/twitterStyleTags/static/css/tagBrowser.css b/etherpad/src/plugins/twitterStyleTags/static/css/tagBrowser.css
index 97c37f5..4234d03 100644
--- a/etherpad/src/plugins/twitterStyleTags/static/css/tagBrowser.css
+++ b/etherpad/src/plugins/twitterStyleTags/static/css/tagBrowser.css
@@ -1,11 +1,9 @@
 dt {
-  padding-top: 2pt;
   padding-bottom: 2pt;
 }
 
 dd {
   padding-left: 20pt;
-  padding-top: 2pt;
   padding-bottom: 2pt;
 }
 
@@ -19,18 +17,52 @@ h2 {
  margin-top: 5pt;
 }
 
+.label {
+ font-size: 14pt;
+}
+
 #editorcontainer {
  overflow: auto;
 }
 
+
 .query-refiner {
  float: right;
  padding: 10pt;
  margin: 5pt;
  border: 1px solid #9C9C9C;
-
 }
 
 .query-refiner h1 {
  margin-top: 0;
 }
+
+.query-refiner h2 {
+ margin-bottom: 2pt;
+}
+
+#home-newpad {
+ display: block;
+ background-color: #a3bde0;
+ color: #555555;
+ border-style: solid;
+ border-width: 2px;
+ border-left-color: #d6e2f1;
+ border-right-color: #86aee1;
+ border-top-color: #d6e2f1;
+ border-bottom-color: #86aee1;
+ margin: 10pt;
+ text-align: center;
+ text-decoration: none;
+ padding-top: 50pt;
+ padding-bottom: 50pt;
+ font-size: 20pt;
+ -moz-border-radius-topleft: 3pt;
+ -moz-border-radius-topright: 3pt;
+ -moz-border-radius-bottomleft: 3pt;
+ -moz-border-radius-bottomright: 3pt;
+ -webkit-border-top-left-radius: 3pt;
+ -webkit-border-top-right-radius: 3pt;
+ -webkit-border-bottom-left-radius: 3pt;
+ -webkit-border-bottom-right-radius: 3pt;
+}
\ No newline at end of file
diff --git a/etherpad/src/plugins/twitterStyleTags/templates/tagBrowser.ejs b/etherpad/src/plugins/twitterStyleTags/templates/tagBrowser.ejs
index 1e504ff..024ec9b 100644
--- a/etherpad/src/plugins/twitterStyleTags/templates/tagBrowser.ejs
+++ b/etherpad/src/plugins/twitterStyleTags/templates/tagBrowser.ejs
@@ -93,18 +93,18 @@ limitations under the License. */ %>
       <div id="editorcontainer" style="padding:5pt; height: 600pt;">
        <div class="query-refiner">
 	<h1>Refine your query</h1>
-	<h2>Search for pads that have a tag</h2>
+	<h2>Search for pads that have the tag</h2>
 	<% for (i = 0; i < newTags.length; i++) { %>
 	 <a href="/ep/tag/?query=<%= tagsToQuery(tags.concat([newTags[i].tagname]),antiTags) %>" class="padtag" title="<%= newTags[i].matches %> matches">#<%= newTags[i].tagname %></a>
 	<% } %>
 
-	<h2>Search for pads that <em>doesn't</em> have a tag</h2>
+	<h2>Search for pads that <em>don't</em> have the tag</h2>
 	<% for (i = 0; i < newTags.length; i++) { %>
-	 <a href="/ep/tag/?query=<%= tagsToQuery(tags,antiTags.concat([newTags[i].tagname])) %>" class="anti_padtag" title="<%= newTags[i].antimatches %> matches">#<%= newTags[i].tagname %></a>
+	 <a href="/ep/tag/?query=<%= tagsToQuery(tags,antiTags.concat([newTags[i].tagname])) %>" class="anti_padtag" title="<%= newTags[i].antimatches %> matches">!#<%= newTags[i].tagname %></a>
 	<% } %>
        </div>
 
-       <h1>Current query</h1>
+       <span class="label">Current query:</span>
        <% if (tags.length == 0 && antiTags.length == 0) { %>
         &lt; No current query; please select some tags below to search for pads &gt;
        <% } else { %>
@@ -130,7 +130,7 @@ limitations under the License. */ %>
          <dt><a href="/<%= matchingPadUrl %>"><%= matchingPadId %></a><dt>
          <dd>
 	  <% for (j = 0; j < matchingPads[i].TAGS.length; j++) { %>
-	   <a href="/ep/tag/?query=<%= tagsToQuery(tags.filter(function (tag) { return tag != matchingPads[i].TAGS[j]}), antiTags) %>" class="padtag" title="<%= matchingPads[i].TAGS[j] %> matches">#<%= matchingPads[i].TAGS[j] %></a>
+	   <a href="/ep/tag/?query=<%= tagsToQuery(tags.concat([matchingPads[i].TAGS[j]]), antiTags) %>" class="padtag" title="<%= matchingPads[i].TAGS[j] %> matches">#<%= matchingPads[i].TAGS[j] %></a>
 	  <% } %>
          </dd>
         <% } %>