added paragraphs to the cards which also allows for nesting of cards

diff --git a/index.html b/index.html
index ddfd54900921d09826d0d8c22bb60292f420bd0c..66d16ebc8ab87a954633f027c8a6102e533ef89b 100644 (file)
--- a/index.html
+++ b/index.html
@@ -115,18 +115,30 @@ hr {
         </div>
         <div class="column">
             <h2>To Do</h2>
-            <div class="card">(1) this is a card with data and it is maybe long enough to wrap around in the column. perhaps a few times</div>
-            <div class="card">(2) this is a card with data</div>
-            <div class="card">(3) this is a card with data</div>
+            <div class="card">
+                <p>(1) this is a card with data and it is maybe long enough to wrap around in the column. perhaps a few times</p>
+            </div>
+            <div class="card">
+                <p>(2) this is a card with data</p>
+            </div>
+            <div class="card">
+                <p>(3) this is a card with data</p>
+            </div>
         </div>
         <div class="column">
             <h2>Doing</h2>
-            <div class="card">(4) this is a <br/> card with data</div>
-            <div class="card">(5) this is a card with data</div>
+            <div class="card">
+                <p>(4) this is a <br/> card with data</p>
+            </div>
+            <div class="card">
+                <p>(5) this is a card with data</p>
+            </div>
         </div>
         <div class="column">
             <h2>Done</h2>
-            <div class="card">(6) this is a card with data</div>
+            <div class="card">
+                <p>(6) this is a card with data</p>
+            </div>
         </div>
         <div class="column">
             <h2>Archive</h2>
@@ -135,7 +147,6 @@ hr {
 
     <div id="dialog" class="dialog">
         <div class="dialog-content">
-            <span class="dialog-close">&times;</span>
             <p>Some text in the Modal..</p>
         </div>
     </div>