* improve article view UI.

src/less/views/article.condensed.less

@@ -17,41 +17,23 @@
     > dl {
       padding: @article-section-padding;
       margin: 0 -@article-padding;
-      // border-bottom: 1px dashed darken(@article-abstract-bg, 10%);
-      // border-left: none;
     }
   }
 
+  > .content,
   > .article-content {
-    > p,
-    > blockquote,
-    > div,
-    > ul, > ol,
-    > h1, > h2, > h3, > h4, > h5, > h6 {
-      padding-left: @article-padding;
-      padding-right: @article-padding;
-    }
+    padding: @article-padding;
 
-    > ul, > ol, > dl {
-      padding-left: @article-padding * 3;
+    > img,
+    > pre {
+      border-radius: 0;
+      margin-left: -@article-padding;
+      margin-right: -@article-padding;
     }
 
-    > img { border-radius: 0; }
-    
-    > table {
+    > pre {
       border-left: none;
       border-right: none;
-      tr > td:first-child,
-      tr > th:first-child, {
-        padding-left: @article-padding;
-        border-left: none ;
-      }
-
-      tr > td:last-child,
-      tr > th:last-child, {
-        padding-right: @article-padding;
-        border-right: none;
-      }
     }
   }
 

src/less/views/article.less

@@ -16,6 +16,7 @@
     h2,
     h3 {
       line-height: 1.5;
+      margin-bottom: @line-height-computed;
     }
 
     > .abstract,
@@ -47,6 +48,7 @@
   }
 }
 
+.article > .content,
 .article-content {
   font-size: @article-font-size;
   line-height: @article-line-height;
@@ -72,8 +74,6 @@
   img { margin: @line-height-computed / 2 0; }
 
   p {
-    margin: 0;
-
     > img {
       margin-right: 10px;
 
@@ -89,7 +89,6 @@
   }
 
   table {
-    width: 100%;
     margin-bottom: @line-height-computed;
 
     // Cells
@@ -99,8 +98,6 @@
       line-height: @line-height-base;
       vertical-align: top;
       border-bottom: 1px solid @table-border-color;
-
-      .transition(all,@animation-speed-fast,@animation-type);
     }
 
     // Bottom align for column headings
@@ -112,4 +109,14 @@
   }
 }
 
+.article-content p { margin-bottom: 0; }
+.article-content table { width: 100%; }
+.article > .content table {
+  th,
+  td,
+  > thead > tr > th {
+    border: 1px solid @table-border-color;
+  }
+}
+
 body.article-content { padding: 8px; }