replace p tags, style changes

This commit is contained in:
svetlagasheva 2018-09-25 11:52:05 +03:00
parent f414c8f4b7
commit 77fabe750f
4 changed files with 10 additions and 8 deletions

View file

@ -92,9 +92,9 @@ class Addon extends Component {
return (
<label className={styles['url-container']}>
<input type='checkbox' className={styles['default-checkbox']}/>
<p className={styles['checkbox']}>
<span className={styles['checkbox']}>
<Icon className={styles['checkmark']} icon={'ic_check'}/>
</p>
</span>
<span key={key} className={styles['url']}>{item}</span>
</label>
);

View file

@ -4,7 +4,6 @@
width: 550px;
margin: 10px;
padding: 18px;
display: grid;
font-size: 12px;
color: @colorwhite;
font-family: LatoLight;
@ -40,7 +39,7 @@
color: @coloraccent;
}
.urls {
margin: 20px 0px;
margin: 26px 0px;
.url-container {
display: flex;
align-items: center;
@ -86,13 +85,15 @@
fill: @coloraccent;
}
.share-label {
cursor: pointer;
font-size: larger;
color:@coloraccent;
color: @coloraccent;
vertical-align: super;
}
}
.install-label, .uninstall-label {
width: 50%;
cursor: pointer;
font-weight: 600;
font-size: larger;
padding: 10px 80px;

View file

@ -90,7 +90,7 @@ class LibraryItemList extends Component {
return (
<div className={styles['icon-container']}>
<Icon className={styles['trailer-icon']} icon={'ic_movies'}/>
<p className={styles['trailer']}>Trailer</p>
<div className={styles['trailer']}>Trailer</div>
</div>
);
}
@ -99,7 +99,7 @@ class LibraryItemList extends Component {
return (
<div className={styles['icon-container']}>
<Icon className={styles['addlib-icon']} icon={'ic_addlib'}/>
<p className={styles['addlib']}>Add to Library</p>
<div className={styles['addlib']}>Add to Library</div>
</div>
);
}

View file

@ -17,6 +17,7 @@
.play-container {
width: 52px;
height: 52px;
cursor: pointer;
position: absolute;
padding: 16px 19px;
margin: 0px 11.5px;
@ -52,7 +53,6 @@
}
}
&:hover, &:focus {
cursor: pointer;
color: @colorblack;
background-color: @colorwhite;
.play-container {
@ -66,6 +66,7 @@
color: @colorblack;
}
.icon-container {
cursor: pointer;
visibility: visible;
.trailer-icon, .addlib-icon, .trailer, .addlib {
fill: @colorprim;