////////////////////////////////////////////////////////////////////////////// ログイン画面がモバイルで狭すぎる対策

.MainSection.section
  // +mobile
  padding: 1.0rem 0.75rem
  // is-fluid 付きの container は mobile のときも左右の padding が入ったままになっているため取る
  .container.is-fluid
    padding-left: unset
    padding-right: unset
    .columns
      margin: 0
      padding: 0
      &:not(:first-child)
        margin-top: 0.75rem
      .column
        margin: 0
        padding: 0

////////////////////////////////////////////////////////////////////////////// b-notification の下の隙間調整

#flash_notify_tag
  .notification
    margin-bottom: 2.3em

////////////////////////////////////////////////////////////////////////////// ヘッダーのアバター画像

.header_avatar_image
  vertical-align: middle
  border-radius: 50%

////////////////////////////////////////////////////////////////////////////// for app/models/atomic_script/columns_colum_methods.rb

.is_scroll_x
  overflow-x: auto
  overscroll-behavior-x: none

// http://localhost:3000/admin/script/app-log で「題名」が途中で改行されるのを防ぐ
.table.html_format_type_array_of_hash
  thead
    th
      white-space: nowrap
      
