Adds responsiveness on login card
This commit is contained in:
parent
3f5d3f86b5
commit
f868eae309
|
@ -46,6 +46,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// @media (max-width: 438px) {
|
||||||
|
// .social-btns i {
|
||||||
|
// padding: 0.4em !important;
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -122,10 +128,15 @@
|
||||||
|
|
||||||
.social-btns i {
|
.social-btns i {
|
||||||
font-size: 2.5em;
|
font-size: 2.5em;
|
||||||
padding: 1em;
|
padding: 0.8em;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// .social-btns:hover {
|
||||||
|
// background-color: #f5f5f5;
|
||||||
|
// border-radius: 1em;
|
||||||
|
// }
|
||||||
|
|
||||||
.tip {
|
.tip {
|
||||||
margin-top: -20px;
|
margin-top: -20px;
|
||||||
}
|
}
|
||||||
|
@ -177,8 +188,8 @@ span.iconmedium {
|
||||||
float: left;
|
float: left;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
margin-left: 2em;
|
// margin-left: 1em;
|
||||||
margin-right: 2em;
|
// margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.orcidIconMedium {
|
span.orcidIconMedium {
|
||||||
|
@ -187,8 +198,8 @@ span.orcidIconMedium {
|
||||||
float: right;
|
float: right;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
margin-left: 2em;
|
// margin-left: 1em;
|
||||||
margin-right: 2em;
|
// margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
span.openaireIcon {
|
span.openaireIcon {
|
||||||
|
@ -197,8 +208,8 @@ span.openaireIcon {
|
||||||
float: right;
|
float: right;
|
||||||
width: 100px;
|
width: 100px;
|
||||||
height: 56px;
|
height: 56px;
|
||||||
margin-left: 2em;
|
// margin-left: 1em;
|
||||||
margin-right: 2em;
|
// margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.b2access-button {
|
.b2access-button {
|
||||||
|
|
Loading…
Reference in New Issue