Fix various icon styles in web UI (#27579)

2023-10-27 01:37:58 +02:00
parent 12550a6a28
commit fa7e64df1d
5 changed files with 32 additions and 12 deletions
--- a/app/javascript/styles/mastodon/components.scss
+++ b/app/javascript/styles/mastodon/components.scss
@@ -7434,7 +7434,12 @@ noscript {
        border: 1px solid lighten($ui-base-color, 12%);
        border-radius: 4px;
        box-sizing: content-box;
-        padding: 2px;
+        padding: 5px;
+
+        .icon {
+          width: 24px;
+          height: 24px;
+        }
      }
    }

@@ -7517,6 +7522,11 @@ noscript {
        color: lighten($ui-highlight-color, 8%);
      }

+      .icon {
+        width: 18px;
+        height: 18px;
+      }
+
      .verified {
        border: 1px solid rgba($valid-value-color, 0.5);
        margin-top: -1px;
@@ -7537,6 +7547,16 @@ noscript {
          color: $valid-value-color;
        }

+        dd {
+          display: flex;
+          align-items: center;
+          gap: 4px;
+
+          span {
+            display: flex;
+          }
+        }
+
        a {
          color: $valid-value-color;
        }