OpenSprinkler Forums OpenSprinkler Mobile and Web App Stations view in two rows Reply To: Stations view in two rows

#69903

tsikishome
Participant

Hello Samer, I don’t understand what you mean with pull request. Do you mean github? I am not sure what to do.

For anyone interested,
I changed the app.css file,
1. Changed this:

:not(input):not(textarea) {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -ms-touch-select:none;
    -ms-content-zooming:none;
    -o-user-select:none;
    user-select:none;
}

to this:

:not(input):not(textarea) {
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    -ms-touch-select:none;
    -ms-content-zooming:none;
    -o-user-select:none;
    user-select:none;
    margin: 0;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
}

2. changed this:

#os-stations-list img, #os-running-stations img {
	display: none;
}

to this (added underneath):

#os-stations-list img, #os-running-stations img {
	display: none;
}
#os-stations-list{ column-count: 2; column-gap: 10px; -webkit-column-count: 2; -moz-column-count: 2;}
#os-running-stations{ column-count: 2; column-gap: 10px; -webkit-column-count: 2; -moz-column-count: 2;}