fix: description cuted button on top of the description container and smarter cut

This commit is contained in:
Matthieu Bessat 2020-08-27 12:10:00 +02:00
parent 10b3b74e78
commit 841a8610b1
5 changed files with 43 additions and 9 deletions

View file

@ -57,14 +57,13 @@ body {
padding: .5em 1em;
color: white;
border-radius: 7px;
background: #2c3e50;
background: #95a5a6;
border: 0;
cursor: pointer;
}
.btn:focus {
outline: 0;
opacity: 0.8;
box-shadow: 0 0 8px 0px rgba(0,0,0,0.1);
}
@media (max-width: 1600px) {

View file

@ -422,6 +422,33 @@ section {
margin-bottom: -62px;
}
.description-btn-container {
display: flex;
justify-content: center;
}
.description-btn {
width: 13em;
display: flex;
justify-content: space-between;
align-items: center;
}
#description-btn-icon {
width: 1em;
height: 1em;
overflow: hidden;
}
#description-btn-text {
margin-left: .5em;
}
#description-btn-icon {
transition: all 0.1s ease-out;
transform: none;
}
/* *****************************************************************************
* SCHEDULE