table added

melnychukJS · Feb 20, 2016 · eab38a9 · eab38a9
1 parent c0ed8a8
commit eab38a9
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 2 deletions.
diff --git a/html/stats.html b/html/stats.html
@@ -19,8 +19,43 @@
 		    	<p><a href="settings.html">Settings</a></p>
 		    </div>
 		</div>
-		<div class="graph">
-			le graph
+		<div class="statistics">
+			<div class="graph">
+				<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/98/Truncated_Bar_Graph.svg/2000px-Truncated_Bar_Graph.svg.png" width="320" height="120">
+			</div>
+			<div class="table">
+				<span class="title">Past transactions</span>
+				<table class="real-table pure-table">
+				    <thead>
+				        <tr>
+				            <th>Purchase</th>
+				            <th>Date</th>
+				            <th>Cost</th>
+				            <th>Saving</th>
+				        </tr>
+				    </thead>
+				    <tbody>
+				        <tr>
+				            <td>-</td>
+				            <td>-</td>
+				            <td>-</td>
+				            <td>-</td>
+				        </tr>
+				        <tr>
+				            <td>-</td>
+				            <td>-</td>
+				            <td>-</td>
+				            <td>-</td>
+				        </tr>
+				        <tr>
+				            <td>-</td>
+				            <td>-</td>
+				            <td>-</td>
+				            <td>-</td>
+				        </tr>
+				    </tbody>
+				</table>
+			</div>
 		</div>
 	</body>
 </head>
diff --git a/html/stylesheet.css b/html/stylesheet.css
@@ -39,3 +39,14 @@
 	margin-right: 10px;
 	margin-top: 30px;
 }
+.table{
+	text-align: center;
+	margin-top: 10px;
+}
+.table > .title{
+	font-size: 20px;
+	font-weight: bold;
+} 
+.real-table{
+	margin-top: 5px;
+}