From 4ad6f59abf838d85c7a4f8202bac6cb424fcab6b Mon Sep 17 00:00:00 2001
From: Helmut Merz <helmutm@cy55.de>
Date: Tue, 13 Dec 2011 12:01:17 +0100
Subject: [PATCH] improve layout for MicroArticle

---
 browser/skin/lobo/lobo.css       |  8 ++++++++
 compound/microart/view_macros.pt | 23 +++++++++++++----------
 2 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/browser/skin/lobo/lobo.css b/browser/skin/lobo/lobo.css
index 5439bb4..58f7281 100644
--- a/browser/skin/lobo/lobo.css
+++ b/browser/skin/lobo/lobo.css
@@ -509,6 +509,14 @@ div.comment {
     color: #666666;
 }
 
+/* microart */
+
+.micropart {
+    background-color: #f7f7f7;
+    padding: 0 5px 0 5px;
+    margin: 5px 0 5px 0;
+}
+
 /* calendar, work items */
 
 .today {
diff --git a/compound/microart/view_macros.pt b/compound/microart/view_macros.pt
index 7dadf5d..ee650c1 100755
--- a/compound/microart/view_macros.pt
+++ b/compound/microart/view_macros.pt
@@ -3,8 +3,7 @@
 
 
 <div metal:define-macro="main"
-     tal:define="data item/data"
-     class="microart">
+     tal:define="data item/data">
   <metal:block use-macro="view/concept_macros/concepttitle_only" />
   <div class="description"
        tal:define="description description|item/renderedDescription"
@@ -12,14 +11,18 @@
     <span tal:content="structure description">Description</span>
   </div>
   <div class="text">
-    <div class="span-6 last"
-          tal:content="structure item/story" />
-    <div class="span-2"
-         tal:content="structure item/insight" />
-    <div class="span-2"
-          tal:content="structure item/consequences" />
-    <div class="span-2 last"
-          tal:content="structure item/followUps" /></div><br clear="both" />
+    <div class="span-6 last micropart">
+      <h4 i18n:translate="">Story</h4>
+      <div tal:content="structure item/story" /></div>
+    <div class="span-6 last micropart">
+      <h4 i18n:translate="">Insight</h4>
+      <div tal:content="structure item/insight" /></div>
+    <div class="span-6 last micropart">
+      <h4 i18n:translate="">Consequences</h4>
+      <div tal:content="structure item/consequences" /></div>
+    <div class="span-6 last micropart">
+      <h4 i18n:translate="">Follow-up Questions</h4>
+      <div tal:content="structure item/followUps" /></div><br clear="both" /></div>
     <metal:block use-macro="view/comment_macros/comments" />
 </div>