Fixup various mobile view issues in the app configure view

This commit is contained in:
Johannes Zellner
2019-10-25 12:10:08 +02:00
parent 8a84fa5cdd
commit 0a8fa40b6b
2 changed files with 36 additions and 6 deletions

View File

@@ -479,10 +479,18 @@ multiselect {
.back-to-apps-link {
position: absolute;
left: 0;
top: 45px;
padding: 20px;
z-index: 20;
top: 50px;
left: 0;
width: 100%;
padding: 10px;
background-color: white;
@media(min-width:768px) {
background-color: transparent;
width: auto;
padding: 20px;
}
&:hover,
&:focus {
@@ -495,6 +503,11 @@ multiselect {
flex-direction: row;
margin-bottom: 10px;
justify-content: space-between;
padding: 0 15px;
@media(min-width:768px) {
padding: 0;
}
h1 {
margin-right: 10px;
@@ -521,10 +534,23 @@ multiselect {
}
}
.app-configure-links-container {
margin-top: 10px;
padding: 0;
}
.card-container {
padding: 0;
}
.app-configure .row {
margin: 0;
}
.app-configure-links {
div {
cursor: pointer;
display: block;
display: inline-block;
padding: 6px 15px;
margin: 0;
overflow: hidden;
@@ -534,6 +560,10 @@ multiselect {
font-size: 16px;
user-select: none;
@media(min-width:768px) {
display: block;
}
&:hover,
&:focus {
text-decoration: none;