Visual

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);
 }

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>