Styling with Bootstrap table & search

alanjcfs · Feb 9, 2015 · d6c0c58 · d6c0c58
1 parent 3a06475
commit d6c0c58
Showing 1 changed file with 8 additions and 8 deletions.
diff --git a/app/views/poems/index.html.slim b/app/views/poems/index.html.slim
@@ -4,27 +4,27 @@
 .row
   .span12
     h2.search-query Search by text in poem
-    = search_form_for q, html: { class: 'form-horizontal search-query \
-      input-append' } do |f|
-      = f.label :text_cont
-      => f.text_field :text_cont
-      = f.submit 'Search', class: 'btn btn-default'
+    = search_form_for q, html: { class: 'form-horizontal search-query input-append navbar-form navbar-left' } do |f|
+      .form-group
+        = f.label :text_cont, class: "sr-only"
+        => f.text_field :text_cont, placeholder: "Text contains", class: "form-control"
+        = f.submit 'Search', class: 'btn btn-default'
 
 .row
   .span12#paginator
     = paginate @poems
 
 .row
   .span16
-    table
+    table.table.table-condensed.table-hover
+      caption List of Poems
       thead
         tr
           th Johnson
           th Title
       tfoot
         tr
-          th Johnson
-          th Title
+          th(colspan=2) List of Poems
       tbody#poems-list
         - cache cache_key_for_poems, expires_in: 1.hour do
           = render @poems