diff options
| -rw-r--r-- | client.html | 47 | ||||
| -rw-r--r-- | style.css | 13 |
2 files changed, 38 insertions, 22 deletions
diff --git a/client.html b/client.html index 328a38b..fc0e5d3 100644 --- a/client.html +++ b/client.html @@ -2,30 +2,33 @@ <html> <head> <link rel="stylesheet" href="style.css"> + <meta name="viewport" content="width=device-width, initial-scale=1"> </head> <body> - <h5>Comments</h5> - <form class="comment-form" action="javascript:handleCommentFormSubmit()"> - <span width="100%"> - <label for="username">Posting as:</label> - <input id="username" type="text" value="anon"/> - </span> - <span> - <textarea - maxlength="540" - id="commentcontent" - name="content" - value="" - rows="5" - cols="50"></textarea> - </span> - <label for="bot">Are you a bot? Type no if not.</label> - <input id="bot" type="text" value=""/> - <input id="submit" type="submit" value="Post"/> - </form> + <div id="comments-widget"> + <h5>Comments</h5> + <form class="comment-form" action="javascript:handleCommentFormSubmit()"> + <span width="100%"> + <label for="username">Posting as:</label> + <input id="username" type="text" value="anon"/> + </span> + <span> + <textarea + maxlength="540" + id="commentcontent" + name="content" + value="" + rows="5" + cols="50"></textarea> + </span> + <label for="bot">Are you a bot? Type no if not.</label> + <input id="bot" type="text" value=""/> + <input id="submit" type="submit" value="Post"/> + </form> - <div id="commentsthread"></div> - <script type="text/javascript" src="config.js"></script> - <script type="text/javascript" src="client.js"></script> + <div id="commentsthread"></div> + <script type="text/javascript" src="config.js"></script> + <script type="text/javascript" src="client.js"></script> + </div> </body> </html> @@ -1,9 +1,14 @@ +#comments-widget { + font-family: Lato, FreeSans, Roboto, Helvetica, Sans-Serif; +} + .comment-form { margin-top: 1em; } .comment-form #commentcontent { width: 100%; + font-family: Lato, FreeSans, Roboto, Helvetica, Sans-Serif; } .comment-form #submit { @@ -26,6 +31,14 @@ #submit { width: 100%; } + + #bot { + width: 100%; + } + + #username { + width: 100%; + } } .comment { |