@@ -39,7 +39,6 @@ display: flex; align-items: center; justify-content: center; - padding-left: 66px; /* резерв под predictPrice, чтобы не перекрывать */ } .divider { @@ -140,8 +140,8 @@ export const ModelInput: FC = ({ > {!desktop && ( - + {' '} {props.type} •{' '} @@ -28,6 +28,7 @@ .header { display: flex; align-items: center; + justify-content: space-between; width: 100%; gap: 22px; margin: 14px 0; @@ -88,6 +89,10 @@ padding: 12px; width: 200px; + @media screen and (max-width: 768px) { + width: 150px; + } + .tag__icon { animation: fadein 0.6s ease-in-out; } @@ -13,6 +13,7 @@ .header { display: flex; align-items: center; + justify-content: space-between; width: 100%; gap: 22px; margin: 14px 0; @@ -23,7 +24,6 @@ @media screen and (max-width: 768px) { width: 100%; - gap: 0; } } @@ -51,6 +51,11 @@ padding: 12px; width: 200px; + + @media screen and (max-width: 768px) { + width: 150px; + } + .tag__icon { animation: fadein 0.6s ease-in-out; } @@ -19,6 +19,7 @@ .header { display: flex; align-items: center; + justify-content: space-between; width: 100%; gap: 22px; margin: 14px 0; @@ -85,6 +86,10 @@ padding: 12px; width: 200px; + @media screen and (max-width: 768px) { + width: 150px; + } + .tag__icon { animation: fadein 0.6s ease-in-out; } @@ -29,6 +29,7 @@ .header { display: flex; align-items: center; + justify-content: space-between; width: 100%; gap: 22px; margin: 14px 0; @@ -86,6 +87,10 @@ padding: 12px; width: 200px; + @media screen and (max-width: 768px) { + width: 150px; + } + .tag__icon { animation: fadein 0.6s ease-in-out; } @@ -44,6 +44,7 @@ overflow-y: auto; @media (max-width: 768px) { + width: 100%; max-width: 100%; margin-top: 0; padding-left: 8px; @@ -124,9 +125,6 @@ overflow: hidden; @media (max-width: 768px) { - width: 125px; - min-width: 125px; - max-width: 130px; height: 36px; min-height: 36px; padding: 0 12px;