From 09b074318297e2df57385eaaae8fb3bd12806180 Mon Sep 17 00:00:00 2001
From: Mihai <mihai@starcounter.com>
Date: Mon, 14 Aug 2017 11:53:38 +0200
Subject: [PATCH] Fix rows outside table

Problem: As mentioned in the review, the rows were displayed outside of the table.
Solution: Remove dom-repeat tags that were inside dom-if tags.
---
 index.html | 48 ++++++++++++++++++++++--------------------------
 1 file changed, 22 insertions(+), 26 deletions(-)

diff --git a/index.html b/index.html
index 21c1c36..5d70f6c 100644
--- a/index.html
+++ b/index.html
@@ -40,19 +40,17 @@
                                 </tr>
                             </thead>
                             <tbody>
-                                <dom-repeat>
-                                    <template is="dom-repeat" items="{{model.files}}">
-                                        <tr>
-                                            <td>{{item.file.name}}</td>
-                                            <td>{{item.file.type}}</td>
-                                            <td>{{item.sizeString}}</td>
-                                            <td>
-                                                <span>{{item.progress}}</span>%
-                                            </td>
-                                            <td>{{item.error}}</td>
-                                        </tr>
-                                    </template>
-                                </dom-repeat>
+                                <template is="dom-repeat" items="{{model.files}}">
+                                    <tr>
+                                        <td>{{item.file.name}}</td>
+                                        <td>{{item.file.type}}</td>
+                                        <td>{{item.sizeString}}</td>
+                                        <td>
+                                            <span>{{item.progress}}</span>%
+                                        </td>
+                                        <td>{{item.error}}</td>
+                                    </tr>
+                                </template>
                             </tbody>
                         </table>
                     </template>
@@ -79,19 +77,17 @@ <h4>The <code>starcounter-upload.tasks</code> collection</h4>
                                 </tr>
                             </thead>
                             <tbody>
-                                <dom-repeat>
-                                    <template is="dom-repeat" items="{{tasks}}">
-                                        <tr>
-                                            <td>{{item.file.name}}</td>
-                                            <td>{{item.file.type}}</td>
-                                            <td>{{item.sizeString}}</td>
-                                            <td>
-                                                <span>{{item.progress}}</span>%
-                                            </td>
-                                            <td>{{item.error}}</td>
-                                        </tr>
-                                    </template>
-                                </dom-repeat>
+                                <template is="dom-repeat" items="{{tasks}}">
+                                    <tr>
+                                        <td>{{item.file.name}}</td>
+                                        <td>{{item.file.type}}</td>
+                                        <td>{{item.sizeString}}</td>
+                                        <td>
+                                            <span>{{item.progress}}</span>%
+                                        </td>
+                                        <td>{{item.error}}</td>
+                                    </tr>
+                                </template>
                             </tbody>
                         </table>
                     </template>