FollowButton: Avoid size changes

Turbo87 · Turbo87 · commit cdd5721ad5a2 · 2021-03-08T17:14:09.000+01:00
Instead of having the button change its size depending on the content we now set a fixed size. This avoids annoying layout shifts when changing from text label to loading spinner and back, for example.
diff --git a/app/components/follow-button.module.css b/app/components/follow-button.module.css
@@ -1,3 +1,7 @@
 .button {
     composes: tan-button from '../styles/shared/buttons.module.css';
+
+    height: 48px;
+    width: 150px;
+    justify-content: center;
 }

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,7 @@`
`1`	`1`	`.button {`
`2`	`2`	`composes: tan-button from '../styles/shared/buttons.module.css';`
	`3`	`+`
	`4`	`+ height: 48px;`
	`5`	`+ width: 150px;`
	`6`	`+ justify-content: center;`
`3`	`7`	`}`