Маленькие иконки

[IIIDMurasaki]

Приветствую!
Суть проблемы: на странице быстрого доступа (домашняя страница) у большинства иконок сайтов сами иконки слишком маленькие. Вызывает эстетический диссонанс. Как исправить кто подскажет?
Скриншот области для примера прилагаю.
   

[S8F8ry]

Приветствую!
Суть проблемы: на странице быстрого доступа (домашняя страница) у большинства иконок сайтов сами иконки слишком маленькие. Вызывает эстетический диссонанс. Как исправить кто подскажет?
Скриншот области для примера прилагаю.

You can load custom stylesheets in chrome://settings/cbCustomCss and add the following style content to the file, which enlarges icons.

Code:

#page-list .tile-page.mvs-page .launch-click-target img {
  transform: scale(1.5, 1.5); /* Enlarge icon to 150% */
}

In addition, you can add the following style content, which will reduce the overall size of the element.

Code:

#page-list .tile-page .launch-click-target {
  transform: scale(0.75, 0.75); /* Reduce size to 75% */
}

[IIIDMurasaki]

You can load custom stylesheets in chrome://settings/cbCustomCss and add the following style content to the file, which enlarges icons.

Code:

#page-list .tile-page.mvs-page .launch-click-target img {
  transform: scale(1.5, 1.5); /* Enlarge icon to 150% */
}

In addition, you can add the following style content, which will reduce the overall size of the element.

Code:

#page-list .tile-page .launch-click-target {
  transform: scale(0.75, 0.75); /* Reduce size to 75% */
}

Unfortunately, the first code has no effect on the size of the icon. I changed the coefficient to 0.5 - 2.5 - it didn't affect anything at all. I tried to adjust the code using AI, but I also didn't get the desired result. The second code works, but changing the size of the circle is not what is needed, obviously. Thanks for trying anyway. Any other ideas?

Upd. After playing with the AI options, I managed to increase the icons, but they all increased, including the initially normal ones. Now I'm not sure if the css approach is the right one. It's about how browser scripts handle icons initially.

[S8F8ry]

Unfortunately, the first code has no effect on the size of the icon. I changed the coefficient to 0.5 - 2.5 - it didn't affect anything at all. I tried to adjust the code using AI, but I also didn't get the desired result. The second code works, but changing the size of the circle is not what is needed, obviously. Thanks for trying anyway. Any other ideas?

Upd. After playing with the AI options, I managed to increase the icons, but they all increased, including the initially normal ones. Now I'm not sure if the css approach is the right one. It's about how browser scripts handle icons initially.

 The first style I gave only dealt with icons in the "Most visited" page, because "Most popular" allows manual icon setting.

If you want to style both pages together, remove the ".mvs-page" from the selector, i.e.:

Code:

#page-list .tile-page .launch-click-target img {
  transform: scale(1.5, 1.5); /* Enlarge icon to 150% */
}

[IIIDMurasaki]

 The first style I gave only dealt with icons in the "Most visited" page, because "Most popular" allows manual icon setting.

If you want to style both pages together, remove the ".mvs-page" from the selector, i.e.:

Code:

#page-list .tile-page .launch-click-target img {
  transform: scale(1.5, 1.5); /* Enlarge icon to 150% */
}

Yes, it's working now. But as I said earlier, the normal icons now look too large. I don't think styles can fix this problem.