Permalink
Browse files

Fixes style issues

  • Loading branch information...
1 parent bc74e0e commit 792884adfcc83295ebd9fbbd0e5806442f8886bd @aubreyrhodes committed Apr 25, 2012
@@ -2,11 +2,13 @@
<ul class="unstyled items">
<% for item in @items: %>
- <li class="item input-prepend input-append" data-id="<%= item.id %>">
- <a class="btn <%- if item.completed: %> btn-success <% end %>"
- data-type="toggle-completed"><i class="icon-ok"></i></a>
- <span class="item-title"><%= item.title %></span>
- <a class="btn btn-danger item-delete-btn" data-type="destroy">Destroy</a>
+ <li data-id="<%= item.id %>">
+ <div class="item input-prepend input-append">
+ <a class="btn <%- if item.completed: %> btn-success <% end %>"
+ data-type="toggle-completed"><i class="icon-ok"></i></a>
+ <span class="item-title"><%= item.title %></span>
+ <a class="btn btn-danger item-delete-btn" data-type="destroy">Destroy</a>
+ </div>
</li>
<% end %>
</ul>
@@ -1,5 +1,7 @@
-<li class="items-form input-append item">
- <input type="text" name="title" placeholder="Title..." />
- <a class="btn btn-primary" data-type="create">Create</a>
- <a class="btn" data-type="cancel">Cancel</a>
+<li>
+ <div class="items-form input-append item">
+ <input type="text" name="title" placeholder="Title..." />
+ <a class="btn btn-primary" data-type="create">Create</a>
+ <a class="btn" data-type="cancel">Cancel</a>
+ </div>
</li>
@@ -3,5 +3,5 @@
# You can use CoffeeScript in this file: http://jashkenas.github.com/coffee-script/
jQuery(document).ready ->
- jQuery("#app").on("mouseover", ".item", -> jQuery('.item-delete-btn', @).show())
+ jQuery("#app").on("mouseover", ".item", -> jQuery('.item-delete-btn', @).css('display', 'inline-block'))
jQuery("#app").on("mouseout", ".item", -> jQuery('.item-delete-btn', @).hide())
@@ -28,27 +28,34 @@ body { padding-top: 60px; }
// Example:
// @linkColor: #ff0000;
+.items{
+ border-collapse: separate;
+}
+
.item{
+ display: block;
.item-title{
width: 200px;
display: inline-block;
- border: 1px solid #CCC;
+ margin-bottom: 0px;
+ background-color: whiteSmoke;
+ margin-left: -3px;
+ margin-right: -3px;
height: 18px;
padding: 4px;
- margin-top: 4px;
- background-color: whiteSmoke;
+ border: 1px solid #ccc;
+ line-height: 18px;
}
.btn{
margin-top: -3px;
- margin-right: -4px !important;
- margin-left: -4px !important;
- }
+ }
.item-delete-btn{
display: none;
- padding-top: 6px;
- padding-bottom: 5px;
}
input{
margin-top: 6px;
}
}
+.items-form .btn{
+ margin-left: -6px;
+}

0 comments on commit 792884a

Please sign in to comment.