A little separation of presentation from content.

app/views/wiki/_inbound_links.rhtml

@@ -1,13 +1,13 @@
 <% unless @page.linked_from.empty? %>
-  <small>
+  <span class="linked">
     | Linked from: 
     <%= @page.linked_from.collect { |referring_page| link_to_existing_page referring_page }.join(", ") %>
-  </small>
+  </span>
 <% end %>
 
 <% unless @page.included_from.empty? %>
-  <small>
+  <span class="linked">
     | Included from: 
     <%= @page.included_from.collect { |referring_page| link_to_existing_page referring_page }.join(", ") %>
-  </small>
+  </span>
 <% end %>

app/views/wiki/edit.rhtml

@@ -24,7 +24,7 @@
 			<span>
 				<%= link_to('Cancel', {:web => @web.address, :action => 'cancel_edit', :id => @page.name},
 				      {:accesskey => 'c'}) %> 
-                <small>(unlocks page)</small>
+                <span class="unlock">(unlocks page)</span>
 			</span>
 		</div>
 	<%= end_form_tag %>

app/views/wiki/list.rhtml

@@ -2,11 +2,11 @@
 
 <%= categories_menu unless @categories.empty? %>
 
-<div id="allPages" style="float: left; width: 280px; margin-right: 30px">
+<div id="allPages">
 <% unless @pages_that_are_orphaned.empty? && @page_names_that_are_wanted.empty? %>
   <h2>
     All Pages
-    <br/><small style="font-size: 12px"><i>All pages in <%= @set_name %> listed alphabetically</i></small>
+    <br/><span class="pageType">All pages in <%= @set_name %> listed alphabetically</span>
   </h2>
 <% end %>
 
@@ -19,18 +19,18 @@
 
 <% if @web.count_pages? %>
   <% total_chars = @pages_in_category.characters %>
-  <p><small>All content: <%= total_chars %> chars / approx. <%= sprintf("%-.1f", (total_chars / 2275 )) %> printed pages</small></p>
+  <p class="pageStats">All content: <%= total_chars %> chars / approx. <%= sprintf("%-.1f", (total_chars / 2275 )) %> printed pages</p>
 <% end %>
 </div>
 
-<div style="float: left; width: 280px">
+<div id="wantedPages">
 <% unless @page_names_that_are_wanted.empty? %>
   <h2>
     Wanted Pages
     <br/>
-    <small style="font-size: 12px">
+    <span class="pageType">
-      <i>Unexisting pages that other pages in <%= @set_name %> reference</i>
+      Nonexistent pages that other pages in <%= @set_name %> reference
-    </small>
+    </span>
   </h2>
 
   <ul style="margin-bottom: 10px">
@@ -50,7 +50,7 @@
 <% unless @pages_that_are_orphaned.empty? %>
   <h2>
     Orphaned Pages
-    <br/><small style="font-size: 12px"><i>Pages in <%= @set_name %> that no other page reference</i></small>
+    <br/><span class="pageType">Pages in <%= @set_name %> that no other page reference</span>
   </h2>
 
   <ul style="margin-bottom: 35px">

app/views/wiki/page.rhtml

@@ -6,11 +6,9 @@
 
 <div id="revision">
   <% if @show_diff %>
-    <p style="background: #eee; padding: 3px; border: 1px solid silver">  
+    <p class="show_diff">  
-      <small>  
         Showing changes from revision #<%= @page.revisions.size - 1 %> to #<%= @page.revisions.size %>:  
         <ins class="diffins">Added</ins> | <del class="diffdel">Removed</del> | <del class="diffmod">Chan</del><ins class="diffmod">ged</ins>  
-      </small>  
     </p>
     <%= @renderer.display_diff %>
   <% else %>
@@ -32,7 +30,7 @@
 
   <%= navigation_menu_for_page.join(' | ') %>
   
-  <small>
+  <span class="views">
     | Views: 
     <%= link_to('Print',
             { :web => @web.address, :action => 'print', :id => @page.name },
@@ -47,7 +45,7 @@
             {:id => 'view_pdf'} %>
    <% end %>
   <% end %>
-  </small>
+  </span>
 
   <%= render :partial => 'inbound_links' %>
 </div>

app/views/wiki/revision.rhtml

@@ -5,11 +5,9 @@
 
 <div id="revision">
   <% if @show_diff %>
-    <p style="background: #eee; padding: 3px; border: 1px solid silver">  
+    <p class="show_diff">  
-      <small>  
         Showing changes from revision #<%= @revision_number - 1 %> to #<%= @revision_number %>:  
         <ins class="diffins">Added</ins> | <del class="diffdel">Removed</del> | <del class="diffmod">Chan</del><ins class="diffmod">ged</ins> 
-      </small>  
     </p>
     <%= @renderer.display_diff %>
   <% else %>

app/views/wiki/rollback.rhtml

@@ -24,7 +24,7 @@
 			<span>
 				<%= link_to('Cancel', {:web => @web.address, :action => 'cancel_edit', :id => @page.name},
 				      {:accesskey => 'c'}) %> 
-                <small>(unlocks page)</small>
+                <span class="unlock">(unlocks page)</span>
 			</span>
 	    </div>
 	<%= end_form_tag %>

public/stylesheets/instiki.css

@@ -168,6 +168,34 @@ margin-bottom:1em;
 padding-top:1px;
 }
 
+p.show_diff {
+background: #eee;
+padding: 3px;
+border: 1px solid silver;
+font-size:.85em;
+}
+
+span.views, span.linked {
+font-size:.85em;
+}
+
+#allPages, #wantedPages {
+float: left;
+width: 280px;
+}
+#allPages {
+margin-right: 30px;
+}
+
+.pageType {
+font-size: .75em;
+font-style: italic;
+}
+
+p.pageStats, span.unlock {
+font-size; .85em;
+}
+
 .diffdel,del.diffmod, .diffdel *, del.diffmod * {
 background-color:#FAA;
 text-decoration:line-through;