Skip to content
Snippets Groups Projects
Commit 3aa1749d authored by FORESTIER Fabien's avatar FORESTIER Fabien
Browse files

Harmonize spaces in results page

parent 4c2d6b85
No related branches found
No related tags found
1 merge request!73Development
Pipeline #5264 passed
......@@ -4,11 +4,12 @@
//not working in a calc()
$sticky-distance: $header-bar-height + 32px;
.main-content{
.main-content {
display: flex;
padding: 2rem;
flex-direction: column;
@media screen and(min-width:$desktop){
@media screen and(min-width:$desktop) {
flex-direction: row;
}
}
......@@ -82,12 +83,13 @@ $sticky-distance: $header-bar-height + 32px;
border-radius: 8px;
padding: 0.7rem;
margin-bottom: 1rem;
@media screen and (min-width: $desktop) {
height: calc(100vh - #{$header-bar-height} - #{$footer-height});
overflow-y: auto;
position: sticky;
top: $sticky-distance;
margin-right:1rem;
margin-right: 1rem;
margin-bottom: 0;
}
}
......@@ -100,12 +102,13 @@ $sticky-distance: $header-bar-height + 32px;
box-shadow: 0px 6px 12px rgba(129, 128, 128, 0.1);
border-radius: 8px;
box-sizing: border-box;
flex-shrink: 1;
@media screen and (min-width: $tablet) {
padding: 2rem;
}
.tab-results {
.tab-results {
margin-top: 1rem;
margin-bottom: 1rem;
border-bottom: 2px solid $grey-background-color;
......@@ -225,11 +228,13 @@ span.item-found {
margin-bottom: 0.75rem;
margin-top: 0.5rem;
}
hr{
margin-left:-2rem;
margin-right:-2rem;
background:$grey-background-color;
hr {
margin-left: -2rem;
margin-right: -2rem;
background: $grey-background-color;
}
.pagination-bottom {
display: flex;
justify-content: center;
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment