app/assets/stylesheets/small.css.scss

   1 /* Styles specific to a small screen, such as iPhone, Android, etc... */
   2
   3 /* Default rules for the body of every page */
   4
   5 .column-1 {
   6   width: 100%;
   7 }
   8
   9 /* Rules for the whole left sidebar, including the logo */
  10
  11 nav.primary,
  12 nav.secondary,
  13 #sidebar {
  14   display: none;
  15 }
  16
  17 .content_map {
  18   width: 100%;
  19   border: none;
  20   float: none;
  21   height: 200px;
  22   max-height: none;
  23   min-height: auto;
  24 }
  25
  26 /* Rules for the map UI */
  27
  28 .layers-ui {
  29   .leaflet-container {
  30     display: none;
  31   }
  32
  33   li {
  34     border-radius: 0;
  35     margin-bottom: 0;
  36
  37     &:first-child {
  38       border-radius: 4px 4px 0 0;
  39     }
  40
  41     &:last-child {
  42       border-radius: 0 0 4px 4px;
  43     }
  44   }
  45
  46   .overlay-layers p {
  47     display: none;
  48   }
  49 }
  50
  51 /* Rules for the login form */
  52
  53 #login_login input#user_email {
  54   width: 100%;
  55   max-width: 18em;
  56 }
  57
  58 #login_login input#user_password {
  59   width: 100%;
  60   max-width: 18em;
  61 }
  62
  63 #login_login input#openid_url {
  64   width: 100%;
  65   max-width: 18em;
  66 }
  67
  68 #login_openid_buttons td {
  69   padding: 2px;
  70 }
  71
  72 /* Rules for the user view */
  73
  74 .user_map {
  75   width: 100% !important;
  76   height: 300px !important;
  77 }
  78
  79 #userinformation .deemphasize {
  80   position: relative;
  81   right: auto; left: auto;
  82   margin-top: 10px;
  83   top: auto;
  84 }
  85
  86 /* Rules for the sign-up page */
  87
  88 .user-new,
  89 .user-create {
  90   .col6 {
  91     width: 100%;
  92   }
  93
  94   .aside {
  95     display: none;
  96   }
  97 }