<commit_before>// maintain aspect ratio of 4:3 for the map, see
// https://stackoverflow.com/questions/1495407/maintain-the-aspect-ratio-of-a-div-with-css
//
.user-settings-location__map-container
  width 100%
  padding-bottom 56.25%
  position relative
  margin-bottom 1rem

.user-settings-location__map
  position absolute
  top 0
  bottom 0
  left 0
  right 0

.user-settings-location__submit
  position absolute
  top 10px
  right 10px
  z-index 1000<commit_msg>Increase map height on narrow screens<commit_after>@import "nodeca.core/client/common/_variables"

// aspect ratio 16:9 on wide screens
.user-settings-location__map-container
  width 100%
  padding-bottom 56.25%
  position relative
  margin-bottom 1rem

.user-settings-location__map
  position absolute
  top 0
  bottom 0
  left 0
  right 0

.user-settings-location__submit
  position absolute
  top 10px
  right 10px
  z-index 1000

// aspect ratio 1:1 on narrow screens
@media (max-width: $grid-breakpoints.sm - 1)
  .user-settings-location__map-container
    padding-bottom 100%
{'fraction_non_alphanumeric': 0.08500477554918816, 'fraction_numerical': 0.055396370582617004, 'mean_word_length': 3.5964912280701755, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4430893', 'n_tokens_mistral': 389, 'n_tokens_neox': 336, 'n_words': 94}