After upgrade to the latest version of SD webui, extra networks cards display wrong.

[justsonghua]

Note the scroll bar on the right. Cards shown on the top. But other settings are shown on the bottom. There is a huge blank area in the middle.

This is the style I used, and it works good before today's upgrade.

/* TI - HN - LoRa Cards - Checkpoints*/

/*----------------------------------------------------------------*/

#tabs .tabitem .card{
  width: calc(3px *var(50)); 
  height: calc(4.48px *var(50)); 
  min-width: 50px !important; 
  min-height: 74.6px !important; 
  font-size: 60%; 
  text-align: center; 
  transition: all 0.1s ease-in-out; 
  border-width: 1px; 
}

#tabs .tabitem .card:hover {
  border-width: 3px ;
}

/* extra-network-cards */
#tabs .tabitem .extra-network-cards{
  display: grid; 
  grid-template-columns: repeat(auto-fit, minmax(137px, 1fr)); 
  margin: 3px; 
  justify-items: space-around; 
  align-items: space-around; 
}

.container > *:last-child {
  grid-column: 1 / -1;
}

.container::after {
  content: ""; 
  visibility: hidden; 
}

[Nacurutu]

ok, I haven't updated webui yet, let me check how to fix it.

Thank you for letting me know. 👍🏻

Edit: I think I will wait until tomorrow night because auto Is still merging things, so i don't want to change something right now and then, have to change it again if another PR break it.