News item layout change as per a suggestion of Neal Walfield.

1 files changed, 12 insertions, 20 deletions

diff --git a/local.css b/local.css
index 966ddcd9..b27c82c9 100644
--- a/local.css
+++ b/local.css
@@ -174,22 +174,21 @@ a:hover
 /* News items on the front page.  */
 .newsitem
 {
-  padding-top: 2px;
+  margin-top: 2px;
+  border: 1px solid black;
 }
-.newsitem + .newsitem
-{
-  clear: left;
-}
-.newsitemheader
+.newsitem .newsitemheader .header
 {
   max-width: 30%;
   float: left;
   margin-right: 10px;
+  border-bottom: 1px solid black;
+  border-right: 1px solid black;
 }
 .newsitem .header,
 .newsitem .author
 {
-  font-size: medium;
+  font-size: small;
   font-style: italic;
 }
 .newsitem .actions
@@ -198,22 +197,15 @@ a:hover
 }
 .newsitem .actions ul
 {
-  padding: 0;
-  border-bottom: 0;
-}
-.newsitem .actions li
-{
-  display: block;
+  border-bottom-style: none;
 }
 .newsitemcontent
 {
-  /* TODO.  Why is this needed to make the floating text appear on the same
-     vertical height as is the item's title?  */
-  margin-top: -10px;
-}
-.newsitemcontent p
-{
-  clear: none;
+  /* TODO.  Why is all this needed?  */
+  margin-left: 2px;
+  margin-right: 2px;
+  margin-top: -15px;
+  margin-bottom: -10px;
 }