From 3528a2b81b4d1e9782fd1f00ae34151763ecabc7 Mon Sep 17 00:00:00 2001
From: thisfro <jannis@thisfro.ch>
Date: Fri, 7 May 2021 09:55:41 +0200
Subject: [PATCH] add icons to offer footer

---
 assets/styles/app.scss        | 4 ++++
 templates/app/index.html.twig | 6 +++---
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 5658853..1ab551f 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -36,4 +36,8 @@ $primary: darken(#005035, 20%);
 .offer-info {
     width: 50%;
     min-width: 20rem;;
+}
+
+.offer-footer {
+    color: #555;
 }
\ No newline at end of file
diff --git a/templates/app/index.html.twig b/templates/app/index.html.twig
index f8947ea..c773dc0 100644
--- a/templates/app/index.html.twig
+++ b/templates/app/index.html.twig
@@ -21,9 +21,9 @@
                             <h5 class="card-title">{{ offer.title }}</h5>
                             <p class="card-text">{{ offer.description }}</p>
                         </div>
-                        <div class="card-footer">
-                            <p class="username">{{ offer.byUser }}</p>
-                            <p class="zip">{{ offer.zipCode }}</p>
+                        <div class="card-footer offer-footer">
+                            <p class="username"><i class="fas fa-user mt-3"></i> {{ offer.byUser }}</p>
+                            <p class="zip"><i class="fas fa-map-marker-alt mt-3"></i> {{ offer.zipCode }}</p>
                         </div>
                     </div>
                 </a>