/* Styles specific to a small screen, such as iPhone, Android, etc... */
-body.small {
-
- input[type="submit"],
- input[type="text"] {
- -webkit-appearance: none;
- }
-
+body.small-nav {
#menu-icon {
display: inline-block !important;
}
.leaflet-top.leaflet-right {
top: 10px !important;
}
-
- /* Rules for the login form */
-
- #login_login input#user_email {
- width: 100%;
- max-width: 18em;
- }
-
- #login_login input#user_password {
- width: 100%;
- max-width: 18em;
- }
-
- #login_login input#openid_url {
- width: 100%;
- max-width: 18em;
- }
-
- #login_openid_buttons td {
- padding: 2px;
- }
-
- /* Rules for the user view */
-
- .user_map {
- width: 100% !important;
- height: 300px !important;
- }
-
- &.site-about #content .attr h1 {
- font-size: 28px;
- }
-
}
@media (max-width: 767.98px) {
}
}
}
+
+@media (max-width: 575.98px) {
+ /* Rules for the login form */
+
+ #login_login input#user_email {
+ width: 100%;
+ max-width: 18em;
+ }
+
+ #login_login input#user_password {
+ width: 100%;
+ max-width: 18em;
+ }
+
+ #login_login input#openid_url {
+ width: 100%;
+ max-width: 18em;
+ }
+
+ #login_openid_buttons td {
+ padding: 2px;
+ }
+}