chore(site): change list card demo to not break the flow

hperrin · Sep 12, 2019 · fd46898 · fd46898
1 parent d5a5c41
commit fd46898
Showing 1 changed file with 14 additions and 15 deletions.
diff --git a/site/demos/Card.svelte b/site/demos/Card.svelte
@@ -123,24 +123,23 @@
       </Card>
     </div>
 
-    <div style="width: 100%;">
-      A card with a list as content:
-    </div>
-
     <div class="card-container">
-      <Card style="width: 320px;">
-        <Content component={List}>
-          {#each [...Array(6)].map((v, i) => i + 1) as item}
-            <Item on:click={() => clicked++}>
-              <Text>Item #{item}</Text>
-            </Item>
-          {/each}
-        </Content>
-      </Card>
+      <div>
+        <div style="width: 320px;">
+          A card with a list as content:
+        </div>
+        <Card style="width: 320px;">
+          <Content component={List}>
+            {#each [...Array(6)].map((v, i) => i + 1) as item}
+              <Item on:click={() => clicked++}>
+                <Text>Item #{item}</Text>
+              </Item>
+            {/each}
+          </Content>
+        </Card>
+      </div>
     </div>
 
-    <div style="width: 100%;"></div>
-
     <div class="card-container">
       <Card style="width: 360px;">
         <PrimaryAction on:click={() => clicked++}>