From 5ceed1f2f24972c8f74375d33c48cfc2dd11cfd2 Mon Sep 17 00:00:00 2001
From: Charles <ce.marguerite@sudalys.fr>
Date: Wed, 6 Aug 2025 12:06:50 +0200
Subject: [PATCH] Visual

---
 assets/styles/app.css                     | 15 +++++++++++++++
 templates/applications/appSmall.html.twig | 12 +++++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/assets/styles/app.css b/assets/styles/app.css
index 565a11f..47efae3 100644
--- a/assets/styles/app.css
+++ b/assets/styles/app.css
@@ -6,6 +6,8 @@
     --delete : #E42E31;
     --disable : #A3A3A3;
     --check : #80F20E;
+    --secondary : #cc664c;
+    --secondary-dark : #a5543d;
 }
 
 html {
@@ -113,4 +115,17 @@ body {
 }
 .color-primary-dark{
     color: var(--primary-blue-dark);
+}
+
+.btn-secondary{
+    background: var(--secondary);
+    color : #FFFFFF;
+    border: var(--secondary);
+    border-radius: 1rem;
+}
+
+.btn-secondary:hover{
+    background: var(--secondary-dark);
+    color : #FFFFFF;
+    border: var(--secondary);
 }
\ No newline at end of file
diff --git a/templates/applications/appSmall.html.twig b/templates/applications/appSmall.html.twig
index e3ebdbd..356ddc6 100644
--- a/templates/applications/appSmall.html.twig
+++ b/templates/applications/appSmall.html.twig
@@ -7,11 +7,17 @@
                     {{ application.application.name }}</h3>
             </div>
         </div>
-        <div class="card-body">
+        <div class="card-body d-flex flex-column align-items-center">
             <p class="card-text">{{ application.application.descriptionSmall }}</p>
-            <a href="http://{{application.application.subDomain}}.solutions-easy.moi" class="btn btn-primary">Y accéder</a>
             {% if application.has_access %}
-                <a href="#" class="btn btn-secondary">Gérer l'application</a>
+                <div >
+                    <a href="http://{{ application.application.subDomain }}.solutions-easy.moi" class="btn btn-primary me-2">Y
+                        accéder</a>
+                    <a href="#" class="btn btn-secondary">Gérer l'application</a>
+                </div>
+
+            {% else %}<a href="#" class="btn btn-primary">Demander l'accès</a>
+
             {% endif %}
         </div>
     </div>