diff --git a/src/index.css b/src/index.css index 72c5cbc..05d86f3 100644 --- a/src/index.css +++ b/src/index.css @@ -335,6 +335,11 @@ h1 { display: contents; } +.radio-options { + display: flex; + gap: 1rem; +} + .new-store-redirect { grid-column-start: 2; padding: 0; @@ -418,6 +423,12 @@ h1 { margin: 1rem 0; } +.big-chain-group label { + display: flex; + align-items: center; + gap: 0.3rem; +} + .items-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); @@ -955,5 +966,11 @@ h1 { margin: 0 auto; text-align: center; } + + .big-chain-group { + flex-direction: column; + align-items: flex-start; + gap: 0.5rem; + } } diff --git a/src/pages/CreateNewStore.tsx b/src/pages/CreateNewStore.tsx index fcef935..8092af8 100644 --- a/src/pages/CreateNewStore.tsx +++ b/src/pages/CreateNewStore.tsx @@ -246,16 +246,33 @@ const CreateNewStore: React.FC = () => { ))}
- - + Is this a big chain store?* +
+ + +