From c1810ee269f46dd2f764f76723d9909a53b4c289 Mon Sep 17 00:00:00 2001
From: Ben Kurtovic <ben.kurtovic@verizon.net>
Date: Thu, 5 Sep 2013 03:48:00 -0400
Subject: [PATCH] Input field for specifying a revision ID.

---
 pages/index.mako    | 63 +++++++++++++++++++++++++++++++++--------------------
 pages/settings.mako |  3 +--
 static/style.css    | 35 ++++++++++++++++++++---------
 3 files changed, 65 insertions(+), 36 deletions(-)

diff --git a/pages/index.mako b/pages/index.mako
index f9986d1..4af6c01 100644
--- a/pages/index.mako
+++ b/pages/index.mako
@@ -19,10 +19,10 @@
             <p>This tool attempts to detect <a href="//en.wikipedia.org/wiki/WP:COPYVIO">copyright violations</a> in articles. Simply give the title of the page or ID of the revision you want to check and hit Submit. The tool will search for similar content elsewhere on the web and display a report if a match is found. If you also provide a URL, it will not query any search engines and instead display a report comparing the article to that particular webpage, like the <a href="//toolserver.org/~dcoetzee/duplicationdetector/">Duplication Detector</a>. Check out the <a href="//en.wikipedia.org/wiki/User:EarwigBot/Copyvios/FAQ">FAQ</a> for more information and technical details.</p>
             <p><i>Note:</i> The tool is still in beta. You are completely welcome to use it and provide <a href="//en.wikipedia.org/wiki/User_talk:The_Earwig">feedback</a>, but be aware that it may produce strange or broken results.</p>
             <form action="${environ['SCRIPT_URL']}" method="get">
-                <table>
+                <table id="cv-form">
                     <tr>
                         <td>Site:</td>
-                        <td>
+                        <td colspan="3">
                             <span class="mono">http://</span>
                             <select name="lang">
                                 <% selected_lang = query.orig_lang if query.orig_lang else cookies["CopyviosDefaultLang"].value if "CopyviosDefaultLang" in cookies else bot.wiki.get_site().lang %>\
@@ -49,36 +49,51 @@
                         </td>
                     </tr>
                     <tr>
-                        <td>Page title:</td>
-                        % if page:
-                            <td><input type="text" name="title" size="60" value="${page.title | h}" /></td>
-                        % elif query.title:
-                            <td><input type="text" name="title" size="60" value="${query.title | h}" /></td>
-                        % else:
-                            <td><input type="text" name="title" size="60" /></td>
-                        % endif
+                        <td id="cv-col1">Page&nbsp;title:</td>
+                        <td id="cv-col2">
+                            % if page:
+                                <input class="cv-text" type="text" name="title" value="${page.title | h}" />
+                            % elif query.title:
+                                <input class="cv-text" type="text" name="title" value="${query.title | h}" />
+                            % else:
+                                <input class="cv-text" type="text" name="title" />
+                            % endif
+                        </td>
+                        <td id="cv-col3">or&nbsp;revision&nbsp;ID:</td>
+                        <td id="cv-col4">
+                            % if query.oldid:
+                                <input class="cv-text" type="text" name="oldid" value="${query.oldid | h}" />
+                            % else:
+                                <input class="cv-text" type="text" name="oldid" />
+                            %endif
+                        </td>
                     </tr>
                     <tr>
-                        <td>URL (optional):</td>
-                        % if query.url:
-                            <td><input type="text" name="url" size="120" value="${query.url | h}" /></td>
-                        % else:
-                            <td><input type="text" name="url" size="120" /></td>
-                        % endif
+                        <td>URL&nbsp;(optional):</td>
+                        <td colspan="3">
+                            % if query.url:
+                                <input class="cv-text" type="text" name="url" value="${query.url | h}" />
+                            % else:
+                                <input class="cv-text" type="text" name="url" />
+                            % endif
+                        </td>
                     </tr>
                     % if query.nocache or (result and result.cached):
                         <tr>
-                            <td>Bypass cache:</td>
-                            % if query.nocache:
-                                <td><input type="checkbox" name="nocache" value="1" checked="checked" /></td>
-                            % else:
-                                <td><input type="checkbox" name="nocache" value="1" /></td>
-                            % endif
+                            <td>Bypass&nbsp;cache:</td>
+                            <td colspan="3">
+                                % if query.nocache:
+                                    <input type="checkbox" name="nocache" value="1" checked="checked" />
+                                % else:
+                                    <input type="checkbox" name="nocache" value="1" />
+                                % endif
+                            </td>
                         </tr>
                     % endif
                     <tr>
-                        <td><button type="submit">Submit</button></td>
-                        <td></td>
+                        <td colspan="4">
+                            <button type="submit">Submit</button>
+                        </td>
                     </tr>
                 </table>
             </form>
diff --git a/pages/settings.mako b/pages/settings.mako
index a62c644..663732c 100644
--- a/pages/settings.mako
+++ b/pages/settings.mako
@@ -60,11 +60,10 @@
                         </tr>
                     % endfor
                     <tr>
-                        <td>
+                        <td colspan="2">
                             <input type="hidden" name="action" value="set"/>
                             <button type="submit">Save</button>
                         </td>
-                        <td></td>
                     </tr>
                 </table>
             </form>
diff --git a/static/style.css b/static/style.css
index 1aa3222..1d41e40 100644
--- a/static/style.css
+++ b/static/style.css
@@ -78,11 +78,32 @@ p#links {
     margin: 8px 0 10px 0;
 }
 
+table#cv-form {
+    width: 750px;
+}
+
 table#cv-chain-table {
     width: 100%;
     border-spacing: 10px;
 }
 
+td#cv-col1 {
+    width: 15%;
+}
+
+td#cv-col2 {
+    width: 55%;
+}
+
+td#cv-col3 {
+    width: 15%;
+    text-align: center;
+}
+
+td#cv-col4 {
+    width: 15%;
+}
+
 h2#cv-result-header {
     margin-bottom: 0;
 }
@@ -149,21 +170,15 @@ div.cv-chain-detail {
     border: 1px solid #BBB;
 }
 
-p.toolname {
-    font-size: 18px;
-    margin: 6px 0 6px 0;
-    background-color: #E7E7E7;
-}
-
-p.tooldesc {
-    margin: 6px 0 6px 0;
-}
-
 td.cv-chain-cell {
     width: 50%;
     vertical-align: top;
 }
 
+input.cv-text {
+    width: 100%;
+}
+
 span.cv-hl {
     background: #FAA;
 }