From 4bd18c6d6275841793a5243ad3104ba168f54143 Mon Sep 17 00:00:00 2001
From: grata <aramis.grata@bluewin.ch>
Date: Sun, 7 May 2023 10:23:14 +0200
Subject: [PATCH] Centered div

---
 src/app/component/list/list.component.css  | 7 ++++++-
 src/app/component/list/list.component.html | 6 +++++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app/component/list/list.component.css b/src/app/component/list/list.component.css
index 4e7f9f3..a709ef5 100644
--- a/src/app/component/list/list.component.css
+++ b/src/app/component/list/list.component.css
@@ -46,8 +46,13 @@ h4 {
 .right {
   width: 60%;
   display: flex;
-  justify-items: center;
+  justify-content: center;
 }
+
+#radial {
+  align-self: center;
+}
+
 .container2 {
   display: flex;
   flex-direction: row;
diff --git a/src/app/component/list/list.component.html b/src/app/component/list/list.component.html
index d68ca74..931ec58 100644
--- a/src/app/component/list/list.component.html
+++ b/src/app/component/list/list.component.html
@@ -31,7 +31,11 @@
       </div>
     </div>
     <div class="right">
-      <div class="radial-progress text-primary" style="--value:70; --size:12rem; --thickness: 1.5rem;"><span style="font-size: 20pt">70%</span></div>
+      <div class="radial-progress text-primary" id="radial" style="--value:70; --size:12rem; --thickness: 1.5rem;">
+        <span style="font-size: 20pt">
+          70%
+        </span>
+      </div>
     </div>
   </div>
 </div>