From 729ca982e6e53317b60d431ddfd9e3f7ff05aa83 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Sun, 13 Mar 2016 12:25:14 +0800
Subject: update demo page

---
 demo/index.html     | 52 ++++++++++++++++++++++++++++------------------------
 dist/spectre.css    | 13 +++++++++----
 src/tables.less     | 21 +++++++++++----------
 src/typography.less |  8 +++++++-
 4 files changed, 55 insertions(+), 39 deletions(-)

diff --git a/demo/index.html b/demo/index.html
index cf76fc7..20a6a54 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -32,28 +32,34 @@
             </blockquote>
 
             <header class="text-center"><h4>lists</h4></header>
-            <ul class="list">
-                <li>list item 1</li>
-                <li>list item 2
-                    <ul>
-                        <li>list item 2.1</li>
-                        <li>list item 2.2</li>
-                        <li>list item 2.3</li>
+            <div class="columns">
+                <div class="column col-6">
+                    <ul class="list">
+                        <li>list item 1</li>
+                        <li>list item 2
+                            <ul>
+                                <li>list item 2.1</li>
+                                <li>list item 2.2</li>
+                                <li>list item 2.3</li>
+                            </ul>
+                        </li>
+                        <li>list item 3</li>
                     </ul>
-                </li>
-                <li>list item 3</li>
-            </ul>
-            <ol class="list">
-                <li>list item 1</li>
-                <li>list item 2
-                    <ol>
-                        <li>list item 2.1</li>
-                        <li>list item 2.2</li>
-                        <li>list item 2.3</li>
+                </div>
+                <div class="column col-6">
+                    <ol class="list">
+                        <li>list item 1</li>
+                        <li>list item 2
+                            <ol>
+                                <li>list item 2.1</li>
+                                <li>list item 2.2</li>
+                                <li>list item 2.3</li>
+                            </ol>
+                        </li>
+                        <li>list item 3</li>
                     </ol>
-                </li>
-                <li>list item 3</li>
-            </ol>
+                </div>
+            </div>
         </section>
         <section class="layout">
             <header class="text-center"><h4>flexbox layout</h4></header>
@@ -187,12 +193,10 @@
                 </div>
                 <div class="form-group">
                     <label class="form-radio">
-                        <input type="radio" name="question">
-                        Yes
+                        <input type="radio" name="question" checked> Yes
                     </label>
                     <label class="form-radio">
-                        <input type="radio" name="question">
-                        No
+                        <input type="radio" name="question"> No
                     </label>
                 </div>
                 <div class="form-group">
diff --git a/dist/spectre.css b/dist/spectre.css
index 8babd15..81b3692 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -428,6 +428,7 @@ p.lead {
 blockquote {
   padding: 1rem 2rem;
   border-left: 2px solid #ddd;
+  margin-left: 0;
 }
 blockquote p:last-child {
   margin-bottom: 0;
@@ -487,6 +488,10 @@ ul ol,
 ol ol {
   margin-left: 2rem;
 }
+ul li,
+ol li {
+  margin-top: 1rem;
+}
 ul {
   list-style: disc inside;
 }
@@ -586,14 +591,14 @@ ol ol {
 table {
   width: 100%;
 }
-th,
-td {
+table th,
+table td {
   text-align: left;
-  padding: 1rem .5rem;
+  padding: 1.5rem 1rem;
   border-bottom: 0.1rem solid #efefef;
   background-color: #fff;
 }
-th {
+table th {
   border-color: #d6d6d6;
 }
 .btn,
diff --git a/src/tables.less b/src/tables.less
index c819904..d212baa 100644
--- a/src/tables.less
+++ b/src/tables.less
@@ -1,14 +1,15 @@
 // Tables
 table {
   width: 100%;
-}
-th,
-td {
-  text-align: left;
-  padding: 1rem .5rem;
-  border-bottom: .1rem solid @core-border-color;
-  background-color: #fff;
-}
-th {
-  border-color: darken(@core-border-color, 10%);
+
+  th,
+  td {
+    text-align: left;
+    padding: 1.5rem 1rem;
+    border-bottom: .1rem solid @core-border-color;
+    background-color: #fff;
+  }
+  th {
+    border-color: darken(@core-border-color, 10%);
+  }
 }
\ No newline at end of file
diff --git a/src/typography.less b/src/typography.less
index e3a8d37..a15b132 100644
--- a/src/typography.less
+++ b/src/typography.less
@@ -38,6 +38,7 @@ p {
 blockquote {
   padding: 1rem 2rem;
   border-left: 2px solid #ddd;
+  margin-left: 0;
 
   p:last-child {
     margin-bottom: 0;
@@ -92,11 +93,16 @@ blockquote {
 
 ul,
 ol {
+  margin: 0 0 1rem;
+
   ul,
   ol {
     margin-left: 2rem;
   }
-  margin: 0 0 1rem;
+
+  li {
+    margin-top: 1rem;
+  }
 }
 ul {
   list-style: disc inside;
-- 
cgit v1.3.1-23-gd82d