Move request service icons beside card content

2026-08-31 15:05:01 +12:00
parent ee81749b43
commit a55369190b
2 changed files with 20 additions and 17 deletions
@@ -339,15 +339,17 @@ export default function RequestPortalClient() {
              onClick={() => resetAfterType(choice.type)}
              aria-pressed={mediaType === choice.type}
            >
-              <span className="request-type-card-top">
-                <span>{choice.eyebrow}</span>
+              <span className="request-type-card-body">
                <span className="request-service-icon">
                  <img src={choice.icon} alt={`${choice.collector} logo`} />
                </span>
+                <span className="request-type-card-copy">
+                  <span>{choice.eyebrow}</span>
+                  <strong>{choice.title}</strong>
+                  <span className="request-type-description">{choice.description}</span>
+                  <b>{mediaType === choice.type ? 'Selected' : `Choose ${choice.title.toLowerCase()}`}</b>
+                </span>
              </span>
-              <strong>{choice.title}</strong>
-              <p>{choice.description}</p>
-              <b>{mediaType === choice.type ? 'Selected' : `Choose ${choice.title.toLowerCase()}`}</b>
            </button>
          ))}
        </div>