Fix image border-radius (#23886)

1. Instead of polluting the `border-radius` style globally, each "img"
usage should declare their own styles.
2. There were some bugs in code, I believe the `.img` selector was done
by mistake.

After:


![image](https://user-images.githubusercontent.com/2114189/229415742-161b018f-14c3-471d-bcf7-34f83e5c2d89.png)


![image](https://user-images.githubusercontent.com/2114189/229415789-829d364a-76da-47a5-8c61-398cc990873c.png)

1 files changed, 1 insertions, 9 deletions

diff --git a/web_src/css/base.css b/web_src/css/base.css
index ac3c5278fc..3aee90e0c9 100644
--- a/web_src/css/base.css
+++ b/web_src/css/base.css
@@ -230,10 +230,6 @@ body {
   }
 }
 
-img {
-  border-radius: 3px;
-}
-
 table {
   border-collapse: collapse;
 }
@@ -865,10 +861,6 @@ a.label,
   margin-bottom: -0.25rem;
 }
 
-.ui.dropdown .menu > .item > svg.img {
-  margin-right: 0.78571429rem;
-}
-
 .ui.selection.dropdown .menu > .item {
   border-color: var(--color-secondary);
 }
@@ -1178,9 +1170,9 @@ a.ui.card:hover {
   border-color: var(--color-secondary);
 }
 
+img.ui.avatar,
 .ui.avatar img,
 .ui.avatar svg,
-.ui.avatar.img,
 .ui.cards > .card img.avatar,
 .ui.cards > .card .avatar img,
 .ui.card img.avatar,