« Modèle:Button/styles.css » : différence entre les versions

@@ Ligne 116 : / Ligne 116 : @@
      flex-shrink: 0;
      border-radius: 8px;
-     padding: 0;
+     padding: 0.5rem;
-    width: 60px;
-    height: 60px;
      background: transparent;
-     margin-right: 0.75rem;
+     margin-right: 1rem;
      overflow: hidden;
+    /* Hauteur fixe, largeur auto */
+    height: 100%;
+    max-width: 50%;
 }
@@ Ligne 127 : / Ligne 128 : @@
 .button-link--position-right .button-link-image-container {
      margin-right: 0;
-     margin-left: 0.75rem;
+     margin-left: 1rem;
 }
@@ Ligne 134 : / Ligne 135 : @@
      align-items: center;
      justify-content: center;
-    width: 100%;
      height: 100%;
+    width: auto;
 }
 .button-link-image-container img {
-    width: 100%;
      height: 100%;
-     object-fit: cover;
+    width: auto;
+    max-width: 100%;
+     object-fit: contain;
      display: block;
 }