fix cropped icons quoid#150

quoid · quoid · commit 059e60f4f368 · 2021-11-16T22:16:25.000-05:00
diff --git a/src/popup/App.svelte b/src/popup/App.svelte
@@ -363,11 +363,11 @@
     }
 
     .header :global(button:nth-of-type(1) svg) {
-        width: 75%;
+        transform: scale(0.75);
     }
 
     .header :global(button:nth-of-type(2) svg) {
-        width: 90%;
+        transform: scale(0.9);
     }
 
     .error {
diff --git a/src/shared/Components/IconButton.svelte b/src/shared/Components/IconButton.svelte
@@ -42,7 +42,8 @@
         height: auto;
         opacity: 0.75;
         pointer-events: none; /* prevent svg from triggering click events */
-        width: 66.7%;
+        transform: scale(0.667);
+        width: 100%;
     }
 
     @media (hover: hover) {

Original file line number	Diff line number	Diff line change
`@@ -363,11 +363,11 @@`
`363`	`363`	`}`
`364`	`364`
`365`	`365`	`.header :global(button:nth-of-type(1) svg) {`
`366`		`- width: 75%;`
	`366`	`+ transform: scale(0.75);`
`367`	`367`	`}`
`368`	`368`
`369`	`369`	`.header :global(button:nth-of-type(2) svg) {`
`370`		`- width: 90%;`
	`370`	`+ transform: scale(0.9);`
`371`	`371`	`}`
`372`	`372`
`373`	`373`	`.error {`
Original file line number	Diff line number	Diff line change
`@@ -42,7 +42,8 @@`
`42`	`42`	`height: auto;`
`43`	`43`	`opacity: 0.75;`
`44`	`44`	`pointer-events: none; /* prevent svg from triggering click events */`
`45`		`- width: 66.7%;`
	`45`	`+ transform: scale(0.667);`
	`46`	`+ width: 100%;`
`46`	`47`	`}`
`47`	`48`
`48`	`49`	`@media (hover: hover) {`