From cdd5721ad5a2222f47564a5d348d71e413b0f923 Mon Sep 17 00:00:00 2001 From: Tobias Bieniek Date: Sun, 7 Mar 2021 16:33:40 +0100 Subject: [PATCH] FollowButton: Avoid size changes 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. --- app/components/follow-button.module.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/app/components/follow-button.module.css b/app/components/follow-button.module.css index 30d13f0d0ac..8c3a05f484a 100644 --- 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; }