Better fragment styles.

diff --git a/media/css/master.css b/media/css/master.css
index 530062a..2fe2e34 100644 (file)
--- a/media/css/master.css
+++ b/media/css/master.css
@@ -260,9 +260,9 @@ em {
     color: #999;
 }
 
-/* ============== */
-/* = Books list = */
-/* ============== */
+/* ============================ */
+/* = Books and fragments list = */
+/* ============================ */
 #books-list {
     margin: 0;
 }
@@ -281,6 +281,23 @@ em {
     border-radius: 3px;
 }
 
+.fragment {
+    border-bottom: 0.1em solid #EEE;
+    margin-top: 0.5em;
+}
+
+.fragment-text, .fragment-short-text {
+    padding: 0.5em;
+    background-color: #FFF;
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+.fragment-metadata {
+    padding: 0.5em 0.5em 1.5em 0.5em;
+}
+
 .book .change-sets {
     float: right;
 }
@@ -397,10 +414,3 @@ em {
     line-height: 2em;
 }
 
-/* ================= */
-/* = Fragment list = */
-/* ================= */
-.fragment {
-    margin-bottom: 1.5em;
-}
-