From e1d9fa6ebc8e5da78920690c1bdeb38126a49d57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Przemys=C5=82aw=20Stawujak?= <przsta1@st.amu.edu.pl>
Date: Wed, 12 Dec 2018 01:00:05 +0100
Subject: [PATCH] SKE-38 display competitions list

---
 .../competitions-list.component.css           | 22 +++++++++++++++++++
 .../competitions-list.component.html          |  6 +++--
 2 files changed, 26 insertions(+), 2 deletions(-)

diff --git a/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css b/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css
index e69de29..d909db2 100644
--- a/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css
+++ b/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.css
@@ -0,0 +1,22 @@
+.flex-container {
+    display: flex;
+    flex-direction: row;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+}
+
+.flex-item {
+    background-color: darkgrey;
+    width: 300px;
+    margin: 10px;
+    text-align: center;
+    line-height: 90px;
+    font-size: 20px;
+    border-radius: 25px;
+    border: 1px solid gray;
+    color: darkblue;
+    text-shadow: 2px 2px 6px ghostwhite;
+    font-weight: bold;
+    cursor: pointer;
+}
\ No newline at end of file
diff --git a/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html b/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html
index 4e5af52..0c76733 100644
--- a/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html
+++ b/SystemKonkursow/4.2.1/angular/src/app/competitions-list/competitions-list.component.html
@@ -1,3 +1,5 @@
-<div id="competitions-list-area">
-Konkursy
+<div class="flex-container" id="competitions-list-area">
+    <div class="flex-item" *ngFor="let competition of competitionsList">
+        {{ competition.name }}
+    </div>
 </div>
\ No newline at end of file