Way the code is in in alphabetical order?

Configuration
1

i used to see the code like this before:

  cards:
     - cards:
       type: vertical-stack
         - cards:
           type: horizontal-stack
             - card:
               type: 'custom:card-modder'

and now i see it like this:

cards:
  - cards:
      - cards:
          - card:
              aspect_ratio: 969
              image: /local/images/scenes11.jpg
              tap_action:
                action: navigate
                navigation_path: /lovelace/8
              type: picture
            style:
              border: 'solid 1px rgba(100,100,100,0.6)'
              border-radius: 20px
              box-shadow: '3px 3px rgba(0,0,0,0.4)'
              overflow: hidden
            type: 'custom:card-modder'
          - card:
              aspect_ratio: 969
              image: /local/images/shopping_list02.jpg
              tap_action:
                action: navigate
                navigation_path: /lovelace/10
              type: picture
            style:
              border: 'solid 1px rgba(100,100,100,0.6)'
              border-radius: 20px
              box-shadow: '3px 3px rgba(0,0,0,0.4)'
              overflow: hidden
            type: 'custom:card-modder'
        type: horizontal-stack
    type: vertical-stack

whats the way to change it like it use to be?

refael