From 5fa011822c2cf0b18e3390fce3ff29f7e12c3534 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adina=20=C8=9Aeudan?= <adina@devplant.ro>
Date: Sat, 7 Nov 2020 13:44:10 +0200
Subject: [PATCH] Fixed styling

---
 .../project-listing-details.component.scss    | 34 +++++++++++--------
 1 file changed, 20 insertions(+), 14 deletions(-)

diff --git a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-details/project-listing-details.component.scss b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-details/project-listing-details.component.scss
index 1d97dac26..538a27659 100644
--- a/apps/red-ui/src/app/screens/project-listing-screen/project-listing-details/project-listing-details.component.scss
+++ b/apps/red-ui/src/app/screens/project-listing-screen/project-listing-details/project-listing-details.component.scss
@@ -3,24 +3,30 @@
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-}
 
-.project-stats-container {
-    width: fit-content;
-
-    .project-stats-item {
+    > div {
         display: flex;
-        width: fit-content;
-        gap: 5px;
-        margin-top: 25px;
+        flex-direction: column;
+        align-items: center;
 
-        &:first-of-type {
-            margin-top: 50px;
-        }
+        .project-stats-container {
+            width: fit-content;
 
-        mat-icon {
-            height: 16px;
-            margin-top: 2px;
+            .project-stats-item {
+                display: flex;
+                width: fit-content;
+                gap: 5px;
+                margin-top: 25px;
+
+                &:first-of-type {
+                    margin-top: 50px;
+                }
+
+                mat-icon {
+                    height: 16px;
+                    margin-top: 2px;
+                }
+            }
         }
     }
 }