Skip to content
Browse files

Misc. tweaks to CSS.

  • Loading branch information...
1 parent 251ccc0 commit 362e6ecccbb87ccdbcea2b8f8de9f2104816c717 @akavlie committed Oct 12, 2010
Showing with 36 additions and 18 deletions.
  1. +2 −1 sms/static/sms.js
  2. +22 −9 sms/static/style.css
  3. +12 −8 sms/templates/index.html
View
3 sms/static/sms.js
@@ -30,7 +30,8 @@ $(function() {
return false;
});
- $('input:text').placeholder();
+ // Plugin to enable placeholder text in form fields
+ $('input:text, textarea').placeholder();
// Highlight row for user when checked
$('#db_users input').click(function() {
View
31 sms/static/style.css
@@ -16,6 +16,12 @@ h2 {
border-bottom: 1px solid gray;
}
+textarea {
+ font-family: sans-serif;
+ vertical-align: bottom;
+ margin: 0;
+}
+
input.placeholder {
color: #888;
font-style: italic;
@@ -52,26 +58,33 @@ input.placeholder {
/* SMS BOX */
#sms_box {
background-color: #EEEEEE;
- border: 1px solid black;
padding: 10px;
}
-/* #CAE1FF steel blue - for recipients? */
-
-#recipients {
- background-color: #CAE1FF;
- padding: 10px;
-}
+/*#db_users {*/
+ /*background-color: #CAE1FF;*/
+ /*padding: 10px;*/
+/*}*/
-#db_users {
+#db_table {
background-color: white;
border: 1px solid black;
border-collapse: collapse;
}
- #db_users td {
+ #db_table td {
padding: 5px 70px 5px 0px;
}
+/*#other_users {*/
+ /*background-color: #CAE1FF;*/
+ /*padding: 10px;*/
+/*}*/
+
+#message {
+ background-color: #CAE1FF;
+ padding: 45px 60px;
+}
+
/* SMS FORM */
View
20 sms/templates/index.html
@@ -4,13 +4,13 @@
<script type="text/javascript" src="{{ url_for('static', filename='sms.js') }}"></script>
-<button id="test">Test!</button>
+<!--<button id="test">Test!</button>-->
<div id="sms_box" class="rounded">
- <div id="recipients" class="rounded">
+ <form id="sms_form" action="">
+ <div id="db_users" class="rounded">
<h3>Select Recipients</h3>
- <form id="sms_form" action="">
- <table id="db_users">
+ <table id="db_table">
{% for user in users %}
<tr>
<td><input type="checkbox" name="user_phone" value="{{ user.phone }}"></td>
@@ -19,11 +19,15 @@
</tr>
{% endfor %}
</table>
- <h3>Other</h3>
- <p><input type="text" name="phone_number" size="10" placeholder="Phone"></p>
</div>
- <p><input type="text" name="message" size="40" placeholder="Message">
- <input type="submit" value="Send"></p>
+ <div id="other_users" class="rounded">
+ <h3>Other</h3>
+ <p><input type="text" name="phone_number" size="10" placeholder="Phone"></p>
+ </div>
+ <div id="message" class="rounded">
+ <textarea rows="2" cols="40" name="message" placeholder="Message"></textarea>
+ <input type="submit" value="Send">
+ </div>
</form>
</div>

0 comments on commit 362e6ec

Please sign in to comment.
Something went wrong with that request. Please try again.