Merge pull request #9 from instat/OTT-36-hover-poiners

src/features/Common/Button/styled.tsx

@@ -27,10 +27,9 @@ export const outlineButtonStyles = css`
 export const solidButtonStyles = css`
   ${baseButtonStyles}
 
-  padding-top: 18.5px;
+  color: #fff;
-  padding-bottom: 13px;
-  color: #FFFFFF;
   font-weight: bold;
+  cursor: pointer;
   border-color: transparent;
   background: ${({ theme: { colors } }) => colors.primary};
 `

src/features/Common/Checkbox/styled.tsx

@@ -31,6 +31,7 @@ export const Input = styled.input`
     background-repeat: no-repeat;
     background-position: center center;
     background-image: url(/images/checkboxUnchecked.svg);
+    cursor: pointer;
   }
 
   &:checked+${Label}::before {

src/features/Common/Radio/styled.tsx

@@ -32,6 +32,7 @@ export const Input = styled.input`
     background-repeat: no-repeat;
     background-position: center center;
     background-image: url(/images/radioUnchecked.svg);
+    cursor: pointer;
   }
 
   &:checked+${Label}::before {

src/features/Register/Steps/Card/index.tsx

@@ -13,8 +13,6 @@ import {
   Row,
 } from '../../styled'
 
-const labelWidth = 116
-
 export const CardStep = () => (
   <Form>
     <BlockTitle>Привязка карты</BlockTitle>
@@ -23,7 +21,6 @@ export const CardStep = () => (
       <Input
         id='cardNumber'
         label='Номер карты'
-        labelWidth={labelWidth}
         paddingX={21}
       />
       <Row>
@@ -32,7 +29,6 @@ export const CardStep = () => (
           label='Срок действия'
           wrapperWidth={280}
           inputWidth={85}
-          labelWidth={labelWidth}
           paddingX={21}
         />
         <Input