fix alignment of 'directory' contents

falconindy · Apr 7, 2010 · adb6824 · adb6824
1 parent 4fd0f9f
commit adb6824
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/default.css b/default.css
@@ -51,11 +51,20 @@ ul.posts {
 }
 ul.posts li {
   list-style-type: none;
+  clear: both;
 }
-ul.posts span {
-  color: #444;
+
+ul.posts span.count {
+ width: 8ex;
+ text-align: right
+}
+
+ul.posts span.dirlist {
   font-family: Monaco, "Courier New", monospace;
   font-size: 100%;
+  float: left;
+  display: block;
+  color: #444;
 }
 
 h1 {

diff --git a/index.textile b/index.textile
@@ -16,18 +16,17 @@ layout: skel
     !/img/logo_home.png!
   </div>
 
-  <div style="margin-left:80px">
-  <div style="padding:40px"></div>
+  <div style="margin-left:80px"> <!-- div-outer -->
 
     <ul class="posts">
-			<span>$ ls /etc | more</span>
+			<li><span class="dirlist">$ ls /etc | more</span></li>
 			{% for post in site.posts limit:5 %}
-      <li><span>-rwxr-x-r-x root root {{ post.content | number_of_words }} {{ post.date | date_to_string }} <a href="{{ post.url }}">{{ post.title }}</a></span></li>
+      <li><span class="dirlist">-rwxr-x-r-x root root</span><span class="dirlist count">{{ post.content | number_of_words }}&nbsp;</span><span class="dirlist"> {{ post.date | date_to_string }} <a href="{{ post.url }}">{{ post.title }}</a></span></li>
     	{% endfor %}
-			<span><a href="/articles.html">----more----</a></span>
+			<li><span class="dirlist"><a href="/articles.html">----more----</a></span></li>
 		</ul>
 
-  </div>
+  </div>	<!-- /div-outer -->
 
 <div id="ft"></div>
 </div>