front: make add button clickable across the entire element

Signed-off-by: Achraf Mohyeddine <[email protected]>
OpenRailAssociation · Dec 4, 2024 · 45d0c85 · 45d0c85
1 parent ced78b4
commit 45d0c85
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 8 deletions.
diff --git a/front/src/applications/stdcm/components/StdcmForm/StdcmDefaultCard.tsx b/front/src/applications/stdcm/components/StdcmForm/StdcmDefaultCard.tsx
@@ -16,12 +16,12 @@ const StdcmDefaultCard = ({
   disabled = false,
   className = 'add-via',
 }: StdcmCardProps) => (
-  <StdcmCard hasTip={hasTip} disabled={disabled} className={className}>
-    <button type="button" onClick={onClick}>
+  <button type="button" disabled={disabled} onClick={onClick}>
+    <StdcmCard hasTip={hasTip} disabled={disabled} className={className}>
       <span className="stdcm-default-card-icon">{Icon}</span>
       <span className="stdcm-default-card-button">{text}</span>
-    </button>
-  </StdcmCard>
+    </StdcmCard>
+  </button>
 );
 
 export default StdcmDefaultCard;
diff --git a/front/src/styles/scss/applications/stdcm/_card.scss b/front/src/styles/scss/applications/stdcm/_card.scss
@@ -197,10 +197,6 @@
       line-height: 24px;
       margin-left: 12px;
     }
-
-    button:focus {
-      outline: none;
-    }
   }
 
   &.disabled,

diff --git a/front/src/styles/scss/applications/stdcm/_home.scss b/front/src/styles/scss/applications/stdcm/_home.scss
@@ -107,6 +107,14 @@
 
         .stdcm-vias-list {
           margin-block: 16px;
+
+          button {
+            text-align: left;
+          }
+
+          button:focus {
+            outline: none;
+          }
         }
 
         .stdcm-origin-icon,

diff --git a/front/src/styles/scss/applications/stdcm/_linkedPath.scss b/front/src/styles/scss/applications/stdcm/_linkedPath.scss
@@ -9,6 +9,14 @@
     margin-top: 18px;
   }
 
+  button {
+    text-align: left;
+  }
+
+  button:focus {
+    outline: none;
+  }
+
   .stdcm-card__header {
     button {
       font-size: 0.875rem;