fix: misaligned icons

Massimo Melina committed Jul 27, 2023 at 23:57 UTC bc73e9f48c0340d21f64b4f69f7f6ea8347a3320
2 files changed +3 -8
frontend/src/dialog.css
+1 -2
@@ -62,8 +62,7 @@
62 left: 0;
63 top: 0;
64 overflow: hidden;
65 - line-height: 1.8em;
66 - opacity: .8; /* render the idea that's not a button */
65 + opacity: .7; /* render the idea that's not a button */
66 }
67 .dialog-content {
68 overflow: auto;
frontend/src/index.scss
+2 -6
@@ -81,14 +81,10 @@ select { text-align: center; } // it is surely cooler on the options dialog
81 .icon {
82 font-size: 1.2em;
83 height: 1.2em; width: 1.4em; // give similar size to <img> icons
84 -}
85 -.emoji-icon {
86 - display: inline-block;
87 - width: 1.4em;
88 - text-align: center;
84 +
85 + display: inline-block; text-align: center; // same size for font icons
86 }
87 .file-icon {
91 - @extend .emoji-icon;
88 height: 1em;
89 background-size: contain;
90 background-repeat: no-repeat;