Task: dynamically sized query input box width

Instead of having a fixed width input box for entering the query text, we have the box scale according to the screen size, like the rest of the layout. [ci skip]
bwbaugh · Mar 24, 2013 · 1c8545e · 1c8545e
1 parent 84e9668
commit 1c8545e
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/infertweet/ui/web/templates/index.html b/infertweet/ui/web/templates/index.html
@@ -11,7 +11,7 @@
         <div id="mainbody">
             <h1>InferTweet</h1>
             <form action="sentiment/" method="get">
-                <input type="text" id="query" name="q" size="40" autofocus="autofocus"><br>
+                <input type="text" id="query" name="q" style='width:100%' autofocus="autofocus"><br>
                 <input type="submit" value="Estimate Tone">
             </form>
         </div>

diff --git a/infertweet/ui/web/templates/sentiment.html b/infertweet/ui/web/templates/sentiment.html
@@ -11,7 +11,7 @@
     <div id="mainbody">
         <h1>InferTweet</h1>
         <form method="get">
-            <input type="text" id="query" name="q" autofocus="autofocus" size="40" value="{{ query }}"><br>
+            <input type="text" id="query" name="q" autofocus="autofocus" style='width:100%' value="{{ query }}"><br>
             <input type="submit" value="Estimate Tone">
         </form>
         <br>