Fixup various mobile view issues in the app configure view
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user